feat: 直播，优化时间线样式

h5/src/components/extension/timeline-canvas-wx.vue

@@ -41,7 +41,7 @@ export default {
     //
     //
     height: {
     height: {
       type:[Number, String],
       type:[Number, String],
-      default: 40,
+      default: 60,
     },
     },
     // 中间的时间,
     // 中间的时间,
     startMeddleTime: String,
     startMeddleTime: String,
@@ -74,17 +74,19 @@ export default {
           //背景
           //背景
           background: "transparent",
           background: "transparent",
           //中间线
           //中间线
-          meddleLine: "rgba(64, 196, 255,0.6)",
+          meddleLine: "rgba(18, 20, 21, 1)",
           //中间时间
           //中间时间
-          meddleDate: "red", // "rgb(64, 196, 255)",
+          meddleDate: "rgba(18, 20, 21, 1)", // "rgb(64, 196, 255)",
+
+          // TODO: 移动线和时间是什么？
           //移动线
           //移动线
-          moveLine: "rgba(255,17,17,0.95)",
+          moveLine: "red",
           //移动时间
           //移动时间
-          moveDate: "#009966",
+          moveDate: "red",
           //刻度线
           //刻度线
-          scaleLine: "rgba(255,255,255,0.9)",
+          scaleLine: "rgba(144, 148, 157, 1)",
           // 小刻度线
           // 小刻度线
-          minscaleLine: "rgba(255,255,255,0.5)",
+          minscaleLine: "rgba(144, 148, 157, 1)",
           //刻度条
           //刻度条
           scaleBar: "transparent",
           scaleBar: "transparent",
         };
         };
@@ -516,7 +518,7 @@ export default {
             : item.endTime;
             : item.endTime;
         let sx = (new Date(beginTime).getTime() - this.firstTime) / 1000 / this.px_second;
         let sx = (new Date(beginTime).getTime() - this.firstTime) / 1000 / this.px_second;
         let ex = (new Date(endTime).getTime() - this.firstTime) / 1000 / this.px_second;
         let ex = (new Date(endTime).getTime() - this.firstTime) / 1000 / this.px_second;
-        this.ctx.fillRect(sx, 0, ex - sx, 40);
+        this.ctx.fillRect(sx, 0, ex - sx, 6);
       });
       });
     },
     },
     //获取点坐标的距离（用于移动端双指放大缩小手势识别）
     //获取点坐标的距离（用于移动端双指放大缩小手势识别）

h5/src/components/extension/videoTime.vue

@@ -130,7 +130,7 @@ export default {
 						this.markTime.push({
 						this.markTime.push({
 							beginTime: moment(one.startTime).format(this.dateFormatType + ' HH:mm:ss'),
 							beginTime: moment(one.startTime).format(this.dateFormatType + ' HH:mm:ss'),
 							endTime: moment(one.endTime).format(this.dateFormatType + ' HH:mm:ss'),
 							endTime: moment(one.endTime).format(this.dateFormatType + ' HH:mm:ss'),
-							bgColor: "rgba(255,153,0,0.4)",
+							bgColor: "rgba(92, 144, 245, 1)",
 							text: "",
 							text: "",
 						})
 						})
 					})
 					})
@@ -376,7 +376,7 @@ export default {
 			width: 100%;
 			width: 100%;
 			height: 11.65vw;
 			height: 11.65vw;
 			position: relative;
 			position: relative;
-			
+      background-color: #F9F9F9;
 		}
 		}
 	}
 	}
 	.date-axis{
 	.date-axis{