dlh/shop_uniapp
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修改我的推广店铺页面

Browse Source
This commit is contained in:
wangxiaowei 2024-08-23 09:14:19 +08:00
parent d9418f3565
commit ee071a4de3
1 changed files with 27 additions and 45 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

72
bundle/pages/user_spread_store/user_spread_store.vue
View File

@ -26,38 +26,36 @@
</view>
</view> -->
<view class="sort-bar flex bg-white">
<view class="sort-bar-item flex row-center" @click="onChangType(1)">
<view class="item-num">
<view :class="active == 1 ? 'item-active' : ''">企业入驻</view>
<view class="num" v-if="localStoreNum > 0">{{companyNum}}</view>
</view>
<view class="sort-bar-item num-block" @click="onChangType(1)">
<view :class="active == 1 ? 'item-active' : ''" v-if="companyNum > 0">{{companyNum}}</view>
<view :class="active == 1 ? 'item-active' : ''">企业入驻</view>
</view>
<view class="sort-bar-item flex row-center" @click="onChangType(2)">
<view class="item-num">
<view :class="active == 2 ? 'item-active' : ''">本地生活商家</view>
<view class="num" v-if="localStoreNum > 0">{{localStoreNum}}</view>
</view>
<view class="sort-bar-item num-block" @click="onChangType(2)">
<view :class="active == 2 ? 'item-active' : ''" v-if="localStoreNum > 0">{{localStoreNum}}</view>
<view :class="active == 2 ? 'item-active' : ''">本地生活商家</view>
</view>
</view>
</view>
<view class="content">
<view class="card-box p-t-20">
<view v-for="(item, index) in fansList" :key="index" class="card-item flex row-between bg-white p-20">
<view class="flex">
<u-image :src="item.avatar" border-radius="50%" width="100rpx" height="100rpx" />
<view class="fans-info m-l-20">
<view class="fans-name bold line-1">{{item.name}}</view>
<!-- <view class="flex lighter m-t-20"> -->
<!-- <view v-if="item.mobile" class="m-r-20">{{item.mobile}}</view> -->
<!-- <view>{{item.create_time}}</view> -->
<!-- </view> -->
<router-link :to="{path: '/bundle/pages/user_spread_store/order', query: {id: item.id}}">
<view class="flex">
<u-image :src="item.avatar" border-radius="50%" width="100rpx" height="100rpx" />
<view class="fans-info m-l-20">
<view class="fans-name bold line-1">{{item.name}}</view>
<!-- <view class="flex lighter m-t-20"> -->
<!-- <view v-if="item.mobile" class="m-r-20">{{item.mobile}}</view> -->
<!-- <view>{{item.create_time}}</view> -->
<!-- </view> -->
</view>
</view>
</view>
<!-- <view class="flex-col xs flex-none m-l-20">
<view class="msg"><span class="primary">{{item.fans_team}} </span>人</view>
<view class="m-t-5 msg"><span>{{item.fans_order}} </span>单</view>
<view class="m-t-5 msg"><span>{{item.fans_money}} </span>元</view>
</view> -->
<!-- <view class="flex-col xs flex-none m-l-20">
<view class="msg"><span class="primary">{{item.fans_team}} </span>人</view>
<view class="m-t-5 msg"><span>{{item.fans_order}} </span>单</view>
<view class="m-t-5 msg"><span>{{item.fans_money}} </span>元</view>
</view> -->
</router-link>
</view>
</view>
</view>
@ -123,6 +121,8 @@
const curPageData = data.list;
const curPageLen = curPageData.length;
const hasNext = !!data.more;
this.companyNum = data.qy_count
this.localStoreNum = data.local_count
this.fansList = this.fansList.concat(curPageData);
this.mescroll.endSuccess(curPageLen, hasNext);
}).catch(() => {
@ -141,7 +141,6 @@
// }).catch(() => {
// this.mescroll.endErr()
// })
},
onChangType(val) {
@ -248,25 +247,8 @@
}
}
.item-num {
position: relative;
&:first-child {
padding-right: 50rpx;
font-weight: bold;
}
.num {
position: absolute;
top: 0;
right: 0;
font-size: 24rpx;
border: 1rpx solid #FF2C3C;
border-radius: 10rpx;
height: 28rpx;
line-height: 28rpx;
padding: 0 4rpx;
color: #FF2C3C;
}
.num-block {
text-align: center;
font-weight: bold;
}
</style>