Commit 42a6f9bd by Tianqing Liu

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

1 parent dd005f68
......@@ -41,7 +41,7 @@ export default {
//
height: {
type:[Number, String],
default: 40,
default: 60,
},
// 中间的时间,
startMeddleTime: String,
......@@ -74,17 +74,19 @@ export default {
//背景
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",
};
......@@ -516,7 +518,7 @@ export default {
: item.endTime;
let sx = (new Date(beginTime).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);
});
},
//获取点坐标的距离(用于移动端双指放大缩小手势识别)
......
......@@ -130,7 +130,7 @@ export default {
this.markTime.push({
beginTime: moment(one.startTime).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: "",
})
})
......@@ -376,7 +376,7 @@ export default {
width: 100%;
height: 11.65vw;
position: relative;
background-color: #F9F9F9;
}
}
.date-axis{
......
Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!