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

gdpaoup

Browse Source
This commit is contained in:
Gdpao
2020-08-06 20:42:03 +08:00
parent 201f858833
commit 090b7cc753
22 changed files with 209 additions and 184 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
pageB/components/details/userinfo.vue
View File

@@ -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;