theluyuan/deming
2
1
Fork 0
Code Issues Pull Requests Releases Wiki Activity

store 8.13

Browse Source
This commit is contained in:
ghusermoon
2020-08-13 11:54:44 +08:00
parent f9a2ada1d3
commit 02639fc9e1
12 changed files with 118 additions and 84 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
pageC/merchant/goods.vue
View File

@@ -14,7 +14,7 @@
</view>
<scroll-view scroll-y class="scroll-container" :style="{ height: scrollHeight }" @scrolltolower="loadMore">
<view class="goods-container">
<view v-for="(goods, index) in goodsList" :key="index" class="goods-view" @click="toDetailsPage(goods.goods_id)">
<view v-for="(goods, index) in goodsList" :key="index" class="goods-view">
<goodsItem :info="goods"></goodsItem>
</view>
</view>
@@ -28,7 +28,7 @@ import goodsItem from "@/components/shop/list/item"
export default {
data() {
return {
pageSize: 15,
pageSize: 5,
cid: '',
page: 1,
current: 0,
@@ -83,7 +83,7 @@ export default {
page: this.page,
order: sort,
})
this.timer = true;
// this.timer = true;
if(res.errCode == 0) {
this.pageSize = res.data.per_page;
if(load == 'reload') this.goodsList = res.data.data;
@@ -92,8 +92,8 @@ export default {
return res.data.data.length;
},
loadMore() {
if(this.goodsList.length < this.pageSize) return false;
if(!this.timer) return false;
// if(this.goodsList.length < this.pageSize) return false;
// if(!this.timer) return false;
this.loadStatus = "loading";
this.page++;
this.getStoreGoodsList({ load: 'loadmore' }).then(length => {
@@ -118,12 +118,6 @@ export default {
this.scrollHeight = res.windowHeight - (res.windowWidth / 750) * otherHeight + 'px';
// console.log(this.scrollHeight);
},
toDetailsPage(id) {
this.$u.route('/pageB/sdetails/index', {
id: id,
type: 1 // 商品详情 商品类型 1普通 2拼团 3秒杀 4优惠券
});
}
}
};
</script>

119
pageC/merchant/index.vue
View File

@@ -14,15 +14,18 @@
<view>我的</view>
</view>
</view> -->
<view class="top" :style="{'background-image':'url(' + info.store_banner + ')'}">
<image :src="info.store_avatar"></image>
<view class="info">
<view class="name u-line-1">{{info.store_name}}</view>
<view class="num">粉丝数：{{info.store_collect}}</view>
</view>
<view class="btn" @click="attentionMember">
<image src="/static/image/shop/8.png"></image>
<view>{{ info.is_attention == 0 ? "关注" : "已关注" }}</view>
<view class="top" :style="{'background':'url(' + info.store_banner + ') 100% 100% no-repeat' }">
<view class="mantle"></view>
<view class="main-container">
<image :src="info.store_avatar"></image>
<view class="info">
<view class="name u-line-1">{{info.store_name}}</view>
<view class="num">粉丝数：{{info.store_collect}}</view>
</view>
<view class="btn" @click="attentionMember">
<image :src="info.is_attention == 0 ? '/static/image/shop/14.png' : '/static/image/shop/8.png'"></image>
<view>{{ info.is_attention == 0 ? "关注" : "已关注" }}</view>
</view>
</view>
</view>
<view class="follow" v-if="info.attention_member && info.attention_member.length">
@@ -104,8 +107,8 @@ export default {
// this.getStoreImgVideoList();
},
onNavigationBarButtonTap(e) {
// console.log(e.index);
if(e.index == 1) this.$u.route('/pageC/cart/index');
console.log(e.index);
if(e.index == 0) this.$u.route('/pageC/cart/index');
// if(e.index == 0) this.show = true;
},
methods: {
@@ -127,7 +130,7 @@ export default {
this.time = time;
this.date = date
}
console.log(123)
// console.log(123)
this.$u.api.getAtwillUserInfo({
id:this.sid
}).then((res)=>{
@@ -232,48 +235,66 @@ export default {
z-index: 9;
width: 750rpx;
height: 350rpx;
background-color: #999999;
display: flex;
align-items: center;
padding: 168rpx 60rpx 0 30rpx;
> image {
margin-right: 40rpx;
width: 140rpx;
height: 140rpx;
border-radius: 50%;
background-color: aqua;
// background-color: #999999;
.mantle {
width: 750rpx;
height: 350rpx;
position: absolute;
top: 0;
left: 0;
z-index: 10;
background-color: #999999;
opacity: 0.7;
}
.info {
width: 220rpx;
color: rgba(255,255,255,1);
.name {
margin-bottom: 30rpx;
font-size: 28rpx;
font-weight: 500;
}
.num {
font-size: 24rpx;
}
}
.btn {
margin-left: auto;
width: 162rpx;
height: 60rpx;
border: 2rpx solid rgba(255,255,255,1);
border-radius: 30rpx;
.main-container {
display: flex;
align-items: center;
justify-content: center;
padding: 54rpx 60rpx 0 30rpx;
position: absolute;
top: 0;
left: 0;
z-index: 19;
width: 750rpx;
height: 350rpx;
> image {
width: 28rpx;
height: 28rpx;
flex-shrink: 0;
margin-right: 14rpx;
margin-right: 40rpx;
width: 140rpx;
height: 140rpx;
border-radius: 50%;
// background-color: aqua;
}
> view {
white-space: nowrap;
font-size: 26rpx;
.info {
width: 220rpx;
color: rgba(255,255,255,1);
.name {
margin-bottom: 30rpx;
font-size: 28rpx;
font-weight: 500;
}
.num {
font-size: 24rpx;
}
}
.btn {
margin-left: auto;
width: 162rpx;
height: 60rpx;
border: 2rpx solid rgba(255,255,255,1);
border-radius: 30rpx;
display: flex;
align-items: center;
justify-content: center;
> image {
width: 28rpx;
height: 28rpx;
flex-shrink: 0;
margin-right: 14rpx;
}
> view {
white-space: nowrap;
font-size: 26rpx;
color: rgba(255,255,255,1);
}
}
}
}
@@ -312,7 +333,7 @@ export default {
margin-right: 35rpx;
}
text-align: center;
width: 90rpx;
width: 96rpx;
> image {
width: 60rpx;
height: 60rpx;