store 8.13

This commit is contained in:
2020-08-13 11:54:44 +08:00
parent f9a2ada1d3
commit 02639fc9e1
12 changed files with 118 additions and 84 deletions

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;