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 | 40 +++++++++++++++++++++++++++++-----------
1 files changed, 29 insertions(+), 11 deletions(-)
diff --git a/src/views/daoAnOffice/right/publicize/index.vue b/src/views/daoAnOffice/right/publicize/index.vue
index 6a7d87b..4bce0c5 100644
--- a/src/views/daoAnOffice/right/publicize/index.vue
+++ b/src/views/daoAnOffice/right/publicize/index.vue
@@ -43,11 +43,20 @@
<script setup>
import { require } from '@/utils/require.js';
+import Test1 from '@/assets/img/test_img/t4.jpg';
+import Test2 from '@/assets/img/test_img/t5.jpg';
+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([
@@ -60,37 +69,41 @@
itemIndex: 1,
time: '2023 12-12',
type: '閬撹矾闅愭偅',
- unit: '閮芥睙鍫板競鍏畨灞�',
+ unit: '鍏ㄥ浗浜ら�氬畨鍏ㄦ棩',
rectTime: '2023-13-23',
state: '鎶慨涓�',
- image: require('@/assets/img/test_img/t4.jpg'),
+ image: Test1,
+ video: video1
},
{
itemIndex: 2,
time: '2023 12-12',
type: '閬撹矾闅愭偅',
- unit: '閮芥睙鍫板競鍏畨灞�',
+ unit: '鍐浜ゅ畨瀹ｄ紶蹇� 钀ラ�犳枃鏄庡嚭琛屽ソ姘涘洿',
rectTime: '2023-13-23',
state: '鎶慨涓�',
- image: require('@/assets/img/test_img/t5.jpg'),
+ image: Test2,
+ video: video2
},
{
itemIndex: 3,
time: '2023 12-12',
type: '閬撹矾闅愭偅',
- unit: '閮芥睙鍫板競鍏畨灞�',
+ unit: '楂橀�熶氦璀﹀己鍖栧浼犳彁绀� 纭繚鏄ヨ繍浜ら�氬畨鍏�',
rectTime: '2023-13-23',
state: '鎶慨涓�',
- image: require('@/assets/img/test_img/t6.jpg'),
+ image: Test3,
+ video: video1
},
{
itemIndex: 4,
time: '2023 12-12',
type: '閬撹矾闅愭偅',
- unit: '閮芥睙鍫板競鍏畨灞�',
+ unit: '浜戝摠璀︾ず椋庨櫓鑷籂',
rectTime: '2023-13-23',
state: '鎶慨涓�',
- image: require('@/assets/img/test_img/t7.jpg'),
+ image: Test4,
+ video: video2
},
]);
@@ -99,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 = () => {
@@ -125,6 +141,7 @@
border: 1px solid rgba(47, 91, 157, 0.8);
flex-shrink: 0;
color: #5B83BD;
+ font-family: 'PingFang SC';
}
.select-active {
@@ -149,6 +166,7 @@
width: 279px;
flex-shrink: 0;
cursor: pointer;
+ font-family: 'PingFang SC';
// margin-bottom: 24px;
}
--
Gitblit v1.8.0