直播状态

pages/broadcast/broadcast.wxml

@@ -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-img">
       <image src="{{live.liveUrl}}/route/file/downloadfile/true/{{item.livePlanPhoto}}"></image>
+      <view class="broadcast-status">直播中</view>
     </view>
     <view class="broadcast-info">
       <view class="name">{{item.livePlanName}}</view>

pages/broadcast/broadcast.wxss

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

pages/index/index.wxml

@@ -117,6 +117,7 @@
   <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">
       <image src="{{live.liveUrl}}/route/file/downloadfile/true/{{item.livePlanPhoto}}"></image>
+      <view class="broadcast-text">文字</view>
     </view>
   </view>
 </view>

pages/index/index.wxss

@@ -128,8 +128,22 @@
   overflow: hidden;
   height: 185rpx;
   margin-bottom: 15rpx;
+  position: relative;
 }
 .broadcast-box image{
   width: 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;
 }