feat: information

packages/base/information.js

@@ -2,9 +2,31 @@ import Img1 from "./images/information/Img1.png";
 import Img2 from "./images/information/Img2.png";
 import Img3 from "./images/information/Img3.png";
 import Img4 from "./images/information/Img4.png";
+import Img5 from "./images/information/5.png";
+import Img6 from "./images/information/6.png";
+import Img7 from "./images/information/7.png";
 
 export const data = [
   {
+    img: Img6,
+    title: "运动会组委会领导看望工作人员",
+    date: "2024年11月28日",
+    url: "https://houseoss.4dkankan.com/project/pdf/index.html?url=https://houseoss.4dkankan.com/project/syjy/resource/B2024-11-2801%E7%89%88.pdf",
+  },
+  {
+    img: Img7,
+    title: "中华人民国共和国-第十三届少数民族传统体育运动会",
+    date: "2024年11月27日",
+    video:
+      "https://houseoss.4dkankan.com/project/syjy/resource/fe6aa425e0b74e6e0f09767f7c614a6f.mp4",
+  },
+  {
+    img: Img5,
+    title: "触摸体育文物脉动，感悟中华家园之美",
+    date: "2024年11月26日",
+    url: "https://houseoss.4dkankan.com/project/pdf/index.html?url=https://houseoss.4dkankan.com/project/syjy/resource/B2024-11-2403%E7%89%88.pdf",
+  },
+  {
     img: Img1,
     title: "来！带你走进中华体育文化的“千里江山图”",
     date: "2024年11月26日",

packages/mobile/src/views/information/index.vue

@@ -22,12 +22,29 @@
       </li>
     </ul>
   </div>
+
+  <VideoPopup v-model:visible="videoVisible" :item="checkedItem" />
 </template>
 
 <script setup>
+import { ref } from "vue";
 import { data } from "@syjy/base/information";
+import VideoPopup from "@/components/VideoPopup.vue";
+
+const videoVisible = ref(false);
+const checkedItem = ref(null);
 
 const handleClick = (item) => {
+  if (item.video) {
+    // 视频链接
+    checkedItem.value = {
+      type: "video",
+      url: item.video,
+    };
+    videoVisible.value = true;
+    return;
+  }
+
   location.href = item.url;
 };
 </script>

packages/pc/src/views/information/index.vue

@@ -33,12 +33,20 @@
     class="information-iframe"
     src="https://mp.weixin.qq.com/s/QwHolJk74zp_y9EQ8k3ETw"
   /> -->
+  <VideoPopup
+    v-model:visible="videoVisible"
+    :url="checkedItem?.video"
+    :title="checkedItem?.title"
+  />
 </template>
 
 <script setup>
 import { ref } from "vue";
 import { data } from "@syjy/base/information";
+import VideoPopup from "@/components/VideoPopup/index.vue";
 
+const videoVisible = ref(false);
+const checkedItem = ref(null);
 // const showIframe = ref(true);
 
 // const getURL = (url) => {
@@ -56,6 +64,13 @@ import { data } from "@syjy/base/information";
 // };
 
 const handleClick = (item) => {
+  if (item.video) {
+    // 视频链接
+    checkedItem.value = item;
+    videoVisible.value = true;
+    return;
+  }
+
   location.href = item.url;
 };
 </script>