gaojian/xi_sangzhuzi
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

直播状态

Browse Source
This commit is contained in:
dong_bo0602 2020-06-27 13:19:24 +08:00
parent b72dfd34b3
commit e71537a41e
4 changed files with 29 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
pages/broadcast/broadcast.wxml
View File

@ -2,6 +2,7 @@
<view class="broadcast-box" bindtap="goDetail" data-live-plan-id="{{item.livePlanId}}" wx:for="{{live.liveList}}" wx:for-index="idx" wx:for-item="item" wx:key="liveList"> <view class="broadcast-box" bindtap="goDetail" data-live-plan-id="{{item.livePlanId}}" wx:for="{{live.liveList}}" wx:for-index="idx" wx:for-item="item" wx:key="liveList">
<view class="broadcast-img"> <view class="broadcast-img">
<image src="{{live.liveUrl}}/route/file/downloadfile/true/{{item.livePlanPhoto}}"></image> <image src="{{live.liveUrl}}/route/file/downloadfile/true/{{item.livePlanPhoto}}"></image>
<view class="broadcast-status">直播中</view>
</view> </view>
<view class="broadcast-info"> <view class="broadcast-info">
<view class="name">{{item.livePlanName}}</view> <view class="name">{{item.livePlanName}}</view>

13
pages/broadcast/broadcast.wxss
View File

@ -11,6 +11,9 @@
width: 100%; width: 100%;
height: 310rpx; height: 310rpx;
} }
.broadcast-img{
position: relative;
}
.broadcast-info{ .broadcast-info{
padding: 20rpx; padding: 20rpx;
} }
@ -25,4 +28,14 @@
color: #242424; color: #242424;
font-size: 26rpx; font-size: 26rpx;
margin-top: 10rpx; margin-top: 10rpx;
}
.broadcast-status{
position: absolute;
top: 15rpx;
right: 15rpx;
padding: 5rpx 10rpx;
background: #9F1512;
color: #fff;
font-size: 28rpx;
border-radius: 10rpx;
} }

1
pages/index/index.wxml
View File

@ -117,6 +117,7 @@
<view class="broadcast-container"> <view class="broadcast-container">
<view class="broadcast-box" bindtap="goBroadcastDetail" wx:for="{{live.liveList}}" wx:for-index="index" wx:for-item="item" wx:key="liveList"> <view class="broadcast-box" bindtap="goBroadcastDetail" wx:for="{{live.liveList}}" wx:for-index="index" wx:for-item="item" wx:key="liveList">
<image src="{{live.liveUrl}}/route/file/downloadfile/true/{{item.livePlanPhoto}}"></image> <image src="{{live.liveUrl}}/route/file/downloadfile/true/{{item.livePlanPhoto}}"></image>
<view class="broadcast-text">文字</view>
</view> </view>
</view> </view>
</view> </view>

14
pages/index/index.wxss
View File

@ -128,8 +128,22 @@
overflow: hidden; overflow: hidden;
height: 185rpx; height: 185rpx;
margin-bottom: 15rpx; margin-bottom: 15rpx;
position: relative;
} }
.broadcast-box image{ .broadcast-box image{
width: 100%; width: 100%;
height: 100%; height: 100%;
}
.broadcast-text{
position: absolute;
left: 0;
right: 0;
bottom: 0;
padding: 5rpx 10rpx;
font-size: 26rpx;
background: rgba(0,0,0,0.6);
color: #fff;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
} }