修改我的推广店铺页面
This commit is contained in:
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>
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user