修改我的推广店铺页面

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

@ -26,23 +26,20 @@
</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 num-block" @click="onChangType(2)">
<view class="sort-bar-item flex row-center" @click="onChangType(2)"> <view :class="active == 2 ? 'item-active' : ''" v-if="localStoreNum > 0">{{localStoreNum}}</view>
<view class="item-num">
<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">
<router-link :to="{path: '/bundle/pages/user_spread_store/order', query: {id: item.id}}">
<view class="flex"> <view class="flex">
<u-image :src="item.avatar" border-radius="50%" width="100rpx" height="100rpx" /> <u-image :src="item.avatar" border-radius="50%" width="100rpx" height="100rpx" />
<view class="fans-info m-l-20"> <view class="fans-info m-l-20">
@ -58,6 +55,7 @@
<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;
&:first-child {
padding-right: 50rpx;
font-weight: bold; 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>