变更商品数量,调整字段错误,推荐关系页面调整

This commit is contained in:
唐明明
2021-11-12 16:23:35 +08:00
parent 1def6bcbfc
commit 24b23ac13c
9 changed files with 431 additions and 421 deletions

View File

@@ -12,17 +12,14 @@
<image class="partner-avatar" :src="item.avatar ? item.avatar : '/static/user/user-portrait.png'" mode="aspectFill"></image>
<view class="partner-cont">
<view class="partner-name">
<view class="partner-nickname">
{{item.nickname}}
</view>
<view class="partner-nickname">{{item.nickname}}</view>
<image v-if="item.identity" class="partner-identity" :src="item.identity.cover" mode="widthFix"></image>
</view>
<view class="partner-tel">
{{item.username}}
</view>
<view class="partner-tel">{{item.username}}</view>
</view>
</view>
</view>
<uni-load-more :status="pageMore"></uni-load-more>
</block>
<block v-else>
<view class="list-null">
@@ -40,7 +37,8 @@
return {
larer : '',
lists : [],
pages : {}
pageMore : 'more',
page : 1
};
},
onShow() {
@@ -48,20 +46,31 @@
// 获取伙伴列表
this.getPartner()
},
onReachBottom(){
if(this.pageMore === 'more'){
this.pageMore = 'loading'
this.page++
this.getPartner()
}
},
methods: {
// 伙伴列表
getPartner() {
userPartne({
larer: this.larer
larer: this.larer,
page : this.page
}).then(res => {
this.lists = res.users
if(this.page === 1) this.lists = []
this.lists = this.lists.concat(res.users.data)
this.page = res.users.page.current
this.pageMore = res.users.page.has_more ? 'more': 'noMore'
})
},
// tabs
onTabs(value){
if(value == this.larer) return
this.lists = []
this.page = 1
this.larer = value
this.getPartner()
}
@@ -118,6 +127,7 @@
padding: 15rpx 0;
font-size: $title-size-lg;
color: $text-gray;
box-shadow: 0 0 5rpx 5rpx rgba($color: $border-color, $alpha: .2);
.item{
height: 60rpx;
line-height: 60rpx;
@@ -130,53 +140,46 @@
// 列表
.partner-list{
margin: calc(#{$padding} - 10rpx);
display: flex;
flex-wrap: wrap;
background-color: #FFFFFF;
.partner-label {
padding: 20rpx;
padding: ($padding - 10) $padding;
box-sizing: border-box;
position: relative;
border-radius: 4rpx;
width: 100%;
&::after {
position: absolute;
content: '';
left: 0;
bottom: 0;
width: 100%;
height: 1rpx;
background-color: #f8f8f8;
}
&:last-child::after {
display: none;
}
border-radius: $radius;
margin: $margin;
background-color: white;
.partner-avatar {
width: 100rpx;
height: 100rpx;
border-radius: 50%;
vertical-align: top;
}
.partner-cont {
position: absolute;
width: 100%;
left: 0;
top: 0;
padding: 22rpx 20rpx 20rpx 150rpx;
padding: ($padding - 10) $padding ($padding - 10) 150rpx;
box-sizing: border-box;
.partner-name {
display: flex;
margin-bottom: 15rpx;
.partner-nickname {
font-size: 30rpx;
font-weight: 600;
margin-right: 10rpx;
}
.partner-identity {
width: 84rpx;
margin-top: 4rpx;
}
}
padding-top: 10rpx;
display: flex;
line-height: 40rpx;
.partner-nickname {
font-size: 30rpx;
font-weight: 600;
margin-right: 10rpx;
}
.partner-identity {
width: 84rpx;
margin-top: 5rpx;
margin-left: 5rpx;
vertical-align: middle;
}
}
.partner-tel{
line-height: 40rpx;
color: $text-gray;
}
}
}
}