gdpaoup
This commit is contained in:
@@ -3,7 +3,13 @@
|
||||
<view class="user">
|
||||
<view class="info">
|
||||
<view class="avatar">
|
||||
<image :src="item.member_avatar"></image>
|
||||
<image :src="item.member_avatar" mode="aspectFill"></image>
|
||||
<view class="posi-type">
|
||||
<view>
|
||||
<u-icon name="play-right-fill" color="#fff" size="20rpx"></u-icon>
|
||||
</view>
|
||||
<text>正在直播</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="box">
|
||||
<view class="name">{{ item.member_nickname }}</view>
|
||||
@@ -34,11 +40,39 @@
|
||||
display: flex;
|
||||
align-items: center;
|
||||
.avatar {
|
||||
position: relative;
|
||||
&>image{
|
||||
z-index: 99;
|
||||
width: 140rpx;
|
||||
height: 140rpx;
|
||||
border-radius: 50%;
|
||||
}
|
||||
.posi-type {
|
||||
z-index: 100;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
border-radius: 30rpx;
|
||||
background-color: rgba(0,0,0,0.3);
|
||||
& > view {
|
||||
width: 40rpx;
|
||||
height: 40rpx;
|
||||
flex-shrink: 0;
|
||||
text-align: center;
|
||||
line-height: 30rpx;
|
||||
border-radius: 50%;
|
||||
background-color: rgba(0,0,0,0.5);
|
||||
}
|
||||
& > text {
|
||||
padding: 0 12rpx 0 6rpx;
|
||||
color: #FF3131;
|
||||
height: 40rpx;
|
||||
line-height: 40rpx;
|
||||
font-size: 20rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
.box {
|
||||
display: flex;
|
||||
@@ -68,7 +102,7 @@
|
||||
border-radius: 30rpx;
|
||||
}
|
||||
.btn-follow {
|
||||
background-color: #007AFF;
|
||||
background-color: #999999;
|
||||
}
|
||||
.btn-unfollow {
|
||||
background-color: #FF780F;
|
||||
|
||||
@@ -106,9 +106,9 @@ export default {
|
||||
methods: {
|
||||
// 关注
|
||||
following(id) {
|
||||
this.is_follow = !this.is_follow;
|
||||
this.$u.api.attentionMember({member_id: id}).then(res => {
|
||||
if (res.errCode == 0) {
|
||||
this.is_follow = !this.is_follow;
|
||||
this.$u.toast(res.message);
|
||||
}
|
||||
})
|
||||
@@ -116,10 +116,10 @@ export default {
|
||||
// 点赞
|
||||
likeType(id) {
|
||||
// console.log(id);
|
||||
this.is_like = !this.is_like;
|
||||
this.$u.post("article/articleLike",{article_id: id}).then(res => {
|
||||
if (res.errCode == 0) {
|
||||
// console.log(res);
|
||||
this.is_like = !this.is_like;
|
||||
this.list.like_num = res.data.num;
|
||||
} else {
|
||||
this.$u.toast(res.message);
|
||||
@@ -128,10 +128,10 @@ export default {
|
||||
},
|
||||
// 收藏
|
||||
collecting(id) {
|
||||
this.is_collect = !this.is_collect;
|
||||
this.$u.post("article/articleCollect",{article_id: id}).then(res => {
|
||||
if (res.errCode == 0) {
|
||||
// console.log(res);
|
||||
this.is_collect = !this.is_collect;
|
||||
this.list.collect_num = res.data.num;
|
||||
} else {
|
||||
this.$u.toast(res.message);
|
||||
|
||||
Reference in New Issue
Block a user