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 |   46 ++++++++++++++++++++++++++++++++--------------
 1 files changed, 32 insertions(+), 14 deletions(-)

diff --git a/src/views/daoAnOffice/right/publicize/index.vue b/src/views/daoAnOffice/right/publicize/index.vue
index ef7c5dd..4bce0c5 100644
--- a/src/views/daoAnOffice/right/publicize/index.vue
+++ b/src/views/daoAnOffice/right/publicize/index.vue
@@ -41,13 +41,22 @@
 </template>
 
 <script setup>
-import testImage from '@/assets/img/test_img/閬撳畨鍔�.png';
+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: testImage
+    image: Test1,
+    video: video1
   },
   {
     itemIndex: 2,
     time: '2023 12-12',
     type: '閬撹矾闅愭偅',
-    unit: '閮芥睙鍫板競鍏畨灞�',
+    unit: '鍐浜ゅ畨瀹ｄ紶蹇� 钀ラ�犳枃鏄庡嚭琛屽ソ姘涘洿',
     rectTime: '2023-13-23',
     state: '鎶慨涓�',
-    image: testImage
+    image: Test2,
+    video: video2
   },
   {
     itemIndex: 3,
     time: '2023 12-12',
     type: '閬撹矾闅愭偅',
-    unit: '閮芥睙鍫板競鍏畨灞�',
+    unit: '楂橀�熶氦璀﹀己鍖栧浼犳彁绀� 纭繚鏄ヨ繍浜ら�氬畨鍏�',
     rectTime: '2023-13-23',
     state: '鎶慨涓�',
-    image: testImage
+    image: Test3,
+    video: video1
   },
   {
     itemIndex: 4,
     time: '2023 12-12',
     type: '閬撹矾闅愭偅',
-    unit: '閮芥睙鍫板競鍏畨灞�',
+    unit: '浜戝摠璀︾ず椋庨櫓鑷籂',
     rectTime: '2023-13-23',
     state: '鎶慨涓�',
-    image: testImage
+    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 = () => {
@@ -120,11 +136,12 @@
 .item {
   margin: 0 8px;
   padding: 10px 14px;
-  font-size: 12px;
+  font-size: 14px;
   background: rgba(67, 102, 155, 0.4);
   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;
 }
 
@@ -178,7 +196,7 @@
 .content-video-name {
   text-align: center;
   margin-top: 16px;
-  font-size: 12px;
+  font-size: 14px;
   color: rgba(91, 131, 189, 1);
 }
 

--
Gitblit v1.8.0