Commit 16c51cab by Tianqing Liu

feat: 优化时间线

1 parent c8fe9121

438 Bytes | W: | H:

570 Bytes | W: | H:

h5/src/assets/kuaijin.png
h5/src/assets/kuaijin.png
h5/src/assets/kuaijin.png
h5/src/assets/kuaijin.png
  • 2-up
  • Swipe
  • Onion skin

473 Bytes | W: | H:

616 Bytes | W: | H:

h5/src/assets/kuaijin_no.png
h5/src/assets/kuaijin_no.png
h5/src/assets/kuaijin_no.png
h5/src/assets/kuaijin_no.png
  • 2-up
  • Swipe
  • Onion skin

464 Bytes | W: | H:

592 Bytes | W: | H:

h5/src/assets/kuaitui.png
h5/src/assets/kuaitui.png
h5/src/assets/kuaitui.png
h5/src/assets/kuaitui.png
  • 2-up
  • Swipe
  • Onion skin
......@@ -12,14 +12,16 @@
<div class="date-time-box">
<div class="date-time-left" @click="fastChangeStartTime(-10)">
10S
<img class="date-time-img" src="../../assets/kuaitui.png" alt="">
<!--左图片-->
<img class="date-time-img" src="../../assets/kuaitui.png" alt="" style="margin-left: 1.6vw;">
</div>
<div class="date-time-content" @click="timeSelectShow">
{{startTime}}
</div>
<div class="date-time-right" :class="[isCanFastRight?'date-time-right-show':'']" @click="fastChangeStartTime(10)">
<img v-if="isCanFastRight" class="date-time-img" src="../../assets/kuaijin.png" alt="">
<img v-else class="date-time-img" src="../../assets/kuaijin_no.png" alt="">
<!--右图片-->
<img v-if="isCanFastRight" class="date-time-img" src="../../assets/kuaijin.png" alt="" style="margin-right: 1.6vw;">
<img v-else class="date-time-img" src="../../assets/kuaijin_no.png" alt="" style="margin-right: 1.6vw;">
10S
</div>
</div>
......@@ -36,8 +38,7 @@
</div>
</div>
<!-- 云台控制模块 -->
<!--v-if="ptzControlShow"-->
<div class="ptz-control-box">
<div v-if="ptzControlShow" class="ptz-control-box">
<div class="ptz-control-left-box" :class="[ptzControlType=='left'?'ptz-left':ptzControlType=='up'?'ptz-top':ptzControlType=='right'?'ptz-right':ptzControlType=='down'?'ptz-bottom':'']">
<div class="ptz-control-base ptz-control-left" @mousedown="ptzControlOneClick('left')" @mouseup="ptzControlStop" @mouseleave="ptzControlStop" @touchstart="ptzControlOneClick('left')" @touchend="ptzControlStop"></div>
<div class="ptz-control-base ptz-control-top" @mousedown="ptzControlOneClick('up')" @mouseup="ptzControlStop" @mouseleave="ptzControlStop" @touchstart="ptzControlOneClick('up')" @touchend="ptzControlStop"></div>
......@@ -423,9 +424,10 @@ export default {
margin: 0 0.54vw;
position: relative;
top:-0.27vw;
scale: 0.8;
// TODO: 需要换图片,这个地址要注释
background-color: #000;
display: none;
//background-color: #000;
//display: none;
}
.date-time-content{
width: 16.5vw;
......@@ -516,7 +518,7 @@ export default {
}
.ptz-control-right-box{
position: absolute;
top: -8px;
top: -8vw;
right: 6vw;
.ptz-control-jia,.ptz-control-jian{
width: 8vw;
......
......@@ -293,6 +293,7 @@
<VideoController
@screenshot="handleScreenshot"
@showMonitor="navBack"
@showPTZ="handleShowPTZ"
/>
</div>
</template>
......@@ -346,6 +347,9 @@ const navBack = () => {
pointPopupShow.value = true;
console.log(paramObj);
};
const handleShowPTZ = () => {
//
}
// 监控场景编辑
const gateEditShow = ref(false);
......
Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!