|
@@ -66,6 +66,7 @@ const isShowOperationTip = ref(true)
|
|
|
const handletouchstart = (event) => {
|
|
|
lastX.value = event.changedTouches[0].pageX
|
|
|
isShowOperationTip.value = false
|
|
|
+ isShowOperationTip2.value = false
|
|
|
}
|
|
|
|
|
|
// 监听活动
|
|
@@ -89,11 +90,14 @@ const goToSlide = (index) => {
|
|
|
curIndex.value = index
|
|
|
}
|
|
|
|
|
|
+const isShowOperationTip2 = ref(false)
|
|
|
+
|
|
|
const openVideoBox = () => {
|
|
|
isShowVideoBox.value = true
|
|
|
// 背景音乐打开
|
|
|
const audioEl = document.getElementById('bg-music')
|
|
|
audioEl.pause()
|
|
|
+ isShowOperationTip2.value = true
|
|
|
}
|
|
|
const closeVieoBox = () => {
|
|
|
isShowVideoBox.value = false
|
|
@@ -152,6 +156,12 @@ const curPercentage = computed(() => {
|
|
|
src="@/assets/images/img_shuanggou.jpg"
|
|
|
alt=""
|
|
|
>
|
|
|
+ <OperationTip
|
|
|
+ class="operation-h-video"
|
|
|
+ text="向左划动"
|
|
|
+ direction="h"
|
|
|
+ :is-show="isShowOperationTip2"
|
|
|
+ />
|
|
|
<video
|
|
|
playsinline
|
|
|
webkit-playsinline="true"
|
|
@@ -308,6 +318,13 @@ const curPercentage = computed(() => {
|
|
|
top: 0;
|
|
|
left: 0;
|
|
|
z-index: 10;
|
|
|
+ .operation-h-video{
|
|
|
+ position: fixed;
|
|
|
+ left: 50%;
|
|
|
+ transform: translateX(-50%);
|
|
|
+ top: -34vh;
|
|
|
+ z-index: 21;
|
|
|
+ }
|
|
|
.video-box-close {
|
|
|
position: absolute;
|
|
|
bottom: calc(
|
|
@@ -415,4 +432,5 @@ const curPercentage = computed(() => {
|
|
|
}
|
|
|
}
|
|
|
</style>
|
|
|
-import { transform } from 'lodash';import { transform } from 'lodash';
|
|
|
+import { transform } from 'lodash';import { transform } from 'lodash';import { translate } from "element-plus";
|
|
|
+
|