feat: 重点区域视频

config/routes.ts

@@ -14,7 +14,7 @@ const router: RouteType = [
       {
         path: '/home',
         component: './Home',
-        redirect: '/home/industryOperation',
+        redirect: '/home/urbanSituation',
       },
       {
         path: '/home/industryOperation',

src/pages/UrbanSituation/Focus/index.tsx

@@ -7,6 +7,8 @@ import services from '@/services';
 import { Flex, Space } from 'antd';
 import { useEffect, useState } from 'react';
 import styles from './index.less';
+import myVideo1 from '@/assets/media/movie.mp4';
+import myVideo from '@/assets/media/movie1.mp4';
 
 const Focus = () => {
   const [areaData, setAreaData] = useState([]);
@@ -16,18 +18,18 @@ const Focus = () => {
   const areas = [
     {
       icon: area1,
-      name: '天府广场',
-      value: 99.9,
+      objectName: '市委市政委',
+      cqi: 99.9,
     },
     {
       icon: area2,
-      name: '宽窄巷子',
-      value: 99.9,
+      objectName: '市城管委周边',
+      cqi: 99.9,
     },
     {
       icon: area3,
-      name: '武侯祠',
-      value: 99.9,
+      objectName: '高新区',
+      cqi: 99.9,
     },
   ];
 
@@ -89,14 +91,20 @@ const Focus = () => {
         </Flex>
         <div style={{ height: '246px' }}>
           <Flex justify="space-between">
-            {areaData.map((item, index) => (
+            {areas.map((item, index) => (
               <Space
                 direction="vertical"
                 size={10}
                 key={index}
                 className={styles.areaCard}
               >
-                <img src={area1} alt="" />
+                <video autoPlay width={193} height={168}>
+                  <source
+                    width={193} height={168}
+                    src={index == 1 ? myVideo : myVideo1}
+                    type="video/mp4"
+                  ></source>
+                </video>
                 <div>
                   <div className={styles.name}>{item.objectName}</div>
                   <div className={styles.value}>{item.cqi || 0}</div>