修改我的推广店铺页面

This commit is contained in:
wangxiaowei 2024-08-23 09:14:19 +08:00
parent d9418f3565
commit ee071a4de3

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