直播列表和直播详情页添加开播时间

后端研发-倪永富
1 parent 687fce2a
Showing 6 changed files with 82 additions and 57 deletions
packageA/pages/liveStream/liveStream.wxml
packageA/pages/liveStreamDetails/liveStreamDetails.js
packageA/pages/liveStreamDetails/liveStreamDetails.wxml
packageA/pages/liveStreamDetails/liveStreamDetails.wxss
utils/filter.wxs
utils/myUtils.wxs
@@ -15,7 +15,7 @@
 						<view>
 							<view class="item-title">{{item.name}}</view>
 							<view class="item-time">{{filter.format_time(item.start_time, 2)}} 开始</view>
-							<view></view>
+							<view class="item-anchor">主播：{{item['anchor_name']}}</view>
 						</view>
 						<subscribe room-id="{{item.roomid}}" stopPropagation="{{true}}"></subscribe>
 					</view>
@@ -36,7 +36,11 @@
 						<image src="{{item.share_img}}" class="item-pic" mode="aspectFill"></image>
 					</view>
 					<view class="list-item-right">
-						<view class="item-title">{{item.name}}</view>
+						<view>
+							<view class="item-title">{{item.name}}</view>
+							<view class="item-time">{{filter.format_time(item.start_time, 2)}} 开始</view>
+							<view class="item-anchor">主播：{{item['anchor_name']}}</view>
+						</view>
 						<view class="item-btn" catchtap="clickLive" data-roomid="{{item.roomid}}">观看直播</view>
 					</view>
 				</view>
@@ -57,7 +61,7 @@
 					<view class="list-item-right">
 						<view>
 							<view class="item-title">{{item.name}}</view>
-							<view class="item-time">{{filter.format_time(item.start_time, 2)}} 开始</view>
+							<view class="item-time">{{filter.format_time(item.end_time, 2)}} 结束</view>
 							<view class="item-anchor">主播：{{item['anchor_name']}}</view>
 						</view>
 						<view class="item-btn" catchtap="clickLive" data-roomid="{{item.roomid}}">观看回放</view>
@@ -191,7 +191,7 @@ drawText: function(ctx, str, leftWidth, initHeight, titleHeight, canvasWidth, un
     // 绘制文字
     ctx.setFontSize(24);
     ctx.setFillStyle('#1E1E1E');
-    this.drawText(ctx, '发的电视剧覅是覅世界佛教阿松i范吉奥i是房间都是金佛ex哎', 51, 563, 300, 300, 2);
+    this.drawText(ctx, title, 51, 563, 300, 300, 2);
     // 绘制小程序码
     ctx.drawImage(this.data.ewm, 310, 525, 132, 132);
@@ -5,22 +5,22 @@
 <view class="content">
   <!-- 封面标题 -->
   <view class="cover-container">
-    <image src="{{details.cover_img}}" class="cover-img" mode="aspectFit"></image>
+    <image src="{{details.share_img}}" class="cover-img" mode="aspectFit"></image>
     <!-- <view class="cover-desc">
       <view>{{details.name}}</view>
-      <view>{{filter.format_time(details.start_time)}}</view>
+      <view>{{filter.format_time(details.startshare_time)}}</view>
     </view> -->
   </view>
   <!-- 直播详情 -->
   <view class="desc-container">
     <view class="desc-title">{{details.name}}</view>
+    <view class="desc-content">
+      <view>{{filter.format_time(details.start_time, 2)}} 锁定直播</view>
+      <!-- <view>护肤、彩妆、香氛群星汇聚，更有折扣买赠与神秘新品加持~</view>
+      <view>多轮抽奖惊喜连连，不容错过！</view> -->
+    </view>
     <text class="desc-status">{{myUtils.liveStatus(details.live_status)}}</text>
-    <!-- <view class="desc-content">
-      <view>6月24日20:00锁定直播 盘点年中 「上榜」好货！</view>
-      <view>护肤、彩妆、香氛群星汇聚，更有折扣买赠与神秘新品加持~</view>
-      <view>多轮抽奖惊喜连连，不容错过！</view>
-    </view> -->
   </view>
   <!-- 列表 -->
@@ -54,11 +54,13 @@
   line-height: 50rpx;
   padding: 0 30rpx;
   background-color: #eee;
-  margin-top: 22rpx;
-  margin-bottom: 44rpx;
+  /* margin-top: 22rpx;
+  margin-bottom: 44rpx; */
 }
 .desc-content {
   font-size: 29rpx;
+  padding-top: 22rpx;
+  padding-bottom: 22rpx;
 }
 .list {
   padding: 0 36rpx;
 var filters = {
-        toFix:function(val,count){
-            val=parseFloat(val);
-            return val.toFixed(count)
-        },
-        replace_time:function(val){  
-           if(!val) return "不限";
-           return val.replace("00:00:00","");
-        },
-        
-        replace_time2: function (val) {
-		  if(val==null || val==undefined || val=='') return "";	
-          var a = val.split(" ");
-          return a[0];
-        },
+	toFix: function (val, count) {
+		val = parseFloat(val);
+		return val.toFixed(count)
+	},
+	replace_time: function (val) {
+		if (!val) return "不限";
+		return val.replace("00:00:00", "");
+	},
-        format_time:function(ts,isFull) {
-		   if(ts==null || ts==undefined || ts=='') return "";	
-           var d = getDate(ts*1000)
-           var fm=[d.getFullYear(), d.getMonth()+1, d.getDate()].join('-');
-           if(isFull==1)
-              fm=fm + ' '+ [d.getHours(), d.getMinutes(), d.getSeconds()].join(':')
-           return fm;
-        },
+	replace_time2: function (val) {
+		if (val == null || val == undefined || val == '') return "";
+		var a = val.split(" ");
+		return a[0];
+	},
-        pInt:function(t) {
-            var d = parseInt(t); return d;
-        },
+	format_time: function (ts, isFull) {
+		// 如果数值位数为1，则补0
+		function appendZero(obj) {
+			if (obj < 10) {
+				return "0" + "" + obj;
+			} else {
+				return obj;
+			}
+		};
+
+		if (ts == null || ts == undefined || ts == '') return "";
+		var d = getDate(ts * 1000)
+		var fm = [d.getFullYear(), d.getMonth() + 1, d.getDate()].join('-');
+		var md = (d.getMonth() + 1) + '月' + d.getDate() + '日';
+		if (isFull == 1)
+			fm = fm + ' ' + [d.getHours(), d.getMinutes(), d.getSeconds()].join(':');
+		if (isFull == 2) {
+			fm = md + ' ' + [appendZero(d.getHours()), appendZero(d.getMinutes())].join(':');
+		}
+		return fm;
+	},
+
+	pInt: function (t) {
+		var d = parseInt(t);
+		return d;
+	},
+
+	show_gui_ge: function (spec, color) {
+		if ((spec == "" || spec == null || spec == "null")) {
+			if ((color == "" || color == null || color == "null")) {
+				return "规格1";
+			} else {
+				return color;
+			}
+		} else {
+			if ((color == "" || color == null || color == "null")) {
+				return spec;
+			} else {
+				return spec + "/" + color;
+			}
+		}
+	}
+};
-        show_gui_ge:function(spec,color){
-            if((spec=="" || spec==null || spec=="null")){
-               if((color=="" || color==null || color=="null")){ return "规格1";
-               }else{return color; }
-            }else{
-               if((color=="" || color==null || color=="null")){ return spec;
-               }else{ return  spec+"/"+color; }
-            }
-        },
-	
-	    
-}
 module.exports = {
-     toFix: filters.toFix,
-	 replace_time:filters.replace_time,
-     replace_time2: filters.replace_time2,
-     format_time:filters.format_time,
-     pInt:filters.pInt,
-     show_gui_ge:filters.show_gui_ge,	
+	toFix: filters.toFix,
+	replace_time: filters.replace_time,
+	replace_time2: filters.replace_time2,
+	format_time: filters.format_time,
+	pInt: filters.pInt,
+	show_gui_ge: filters.show_gui_ge,
 }
 \ No newline at end of file
@@ -8,7 +8,7 @@ var myUtils = {
         break;
       }
       case '102': {
-        statusText = '未开始';
+        statusText = '即将开始';
         break;
       }
       case '103': {