From 2aa1d87680e9351bf027bab73f61290b7f00efe4 Mon Sep 17 00:00:00 2001
From: ZhangXianQiang <1135831638@qq.com>
Date: 星期五, 08 三月 2024 15:55:56 +0800
Subject: [PATCH] fix:修改柱状图提示框样式
---
src/views/daoAnOffice/right/publicize/index.vue | 24 +++++++++++++++++-------
1 files changed, 17 insertions(+), 7 deletions(-)
diff --git a/src/views/daoAnOffice/right/publicize/index.vue b/src/views/daoAnOffice/right/publicize/index.vue
index 26dd029..4bce0c5 100644
--- a/src/views/daoAnOffice/right/publicize/index.vue
+++ b/src/views/daoAnOffice/right/publicize/index.vue
@@ -48,12 +48,15 @@
import Test3 from '@/assets/img/test_img/t6.jpg';
import Test4 from '@/assets/img/test_img/t7.jpg';
+import video1 from '@/assets/video/video1.mp4';
+import video2 from '@/assets/video/video2.mp4';
+
import RightTitle from "@/components/right-title";
import { ref } from 'vue';
// 娴嬭瘯瑙嗛
-const testVideo = 'https://www.w3schools.com/html/movie.mp4';
+const testVideo = ref('');
const isShowVideo = ref(false);
const videoDom = ref(null);
const selectItems = ref([
@@ -66,37 +69,41 @@
itemIndex: 1,
time: '2023 12-12',
type: '閬撹矾闅愭偅',
- unit: '閮芥睙鍫板競鍏畨灞�',
+ unit: '鍏ㄥ浗浜ら�氬畨鍏ㄦ棩',
rectTime: '2023-13-23',
state: '鎶慨涓�',
image: Test1,
+ video: video1
},
{
itemIndex: 2,
time: '2023 12-12',
type: '閬撹矾闅愭偅',
- unit: '閮芥睙鍫板競鍏畨灞�',
+ unit: '鍐浜ゅ畨瀹ｄ紶蹇� 钀ラ�犳枃鏄庡嚭琛屽ソ姘涘洿',
rectTime: '2023-13-23',
state: '鎶慨涓�',
image: Test2,
+ video: video2
},
{
itemIndex: 3,
time: '2023 12-12',
type: '閬撹矾闅愭偅',
- unit: '閮芥睙鍫板競鍏畨灞�',
+ unit: '楂橀�熶氦璀﹀己鍖栧浼犳彁绀� 纭繚鏄ヨ繍浜ら�氬畨鍏�',
rectTime: '2023-13-23',
state: '鎶慨涓�',
image: Test3,
+ video: video1
},
{
itemIndex: 4,
time: '2023 12-12',
type: '閬撹矾闅愭偅',
- unit: '閮芥睙鍫板競鍏畨灞�',
+ unit: '浜戝摠璀︾ず椋庨櫓鑷籂',
rectTime: '2023-13-23',
state: '鎶慨涓�',
image: Test4,
+ video: video2
},
]);
@@ -105,9 +112,12 @@
selectItem.isActive = true;
}
-const openVideo = () => {
+const openVideo = (item) => {
isShowVideo.value = true;
- videoDom.value.play();
+ testVideo.value = item.video;
+ setTimeout(() => {
+ videoDom.value.play();
+ },500);
}
const closeVideo = () => {
--
Gitblit v1.8.0