style: --

pc/public/staticData.js

@@ -47,18 +47,43 @@ const staticData = [
     data: [
       {
         id: 1,
-        name: "虎门销烟1-1",
-        txt: "  撒大苏打撒旦111111111111111111111111111111111111111111撒大苏打撒旦撒大苏打撒旦撒大苏打撒旦撒大苏打撒旦撒大苏打撒旦撒大苏打撒旦撒大苏打撒旦撒大苏打撒旦撒大苏打撒旦撒大苏打撒旦撒大苏打撒旦撒大苏打撒旦撒大苏打撒旦撒大苏打撒旦11111",
+        name: "第1集-林则徐在虎门的186天",
       },
       {
         id: 2,
-        name: "虎门销烟1-2",
-        txt: "撒大苏打撒旦11111111111111111111111111111111111111111111111",
+        name: "第2集-林则徐的朋友圈",
       },
       {
         id: 3,
-        name: "虎门销烟1-3",
-        txt: "撒大苏打撒旦11111111111111111111111111111111111111111111111",
+        name: "第3集-林则徐开眼看世界",
+      },
+      {
+        id: 4,
+        name: "第4集-林则徐的“廉”字决",
+      },
+      {
+        id: 5,
+        name: "第5集-回首依依勒马看",
+      },
+      {
+        id: 6,
+        name: "第6集-春雷欻破零丁穴",
+      },
+      {
+        id: 7,
+        name: "第7集-蛮烟一扫海如镜",
+      },
+      {
+        id: 8,
+        name: "第8集-陈连升与节马的故事",
+      },
+      {
+        id: 9,
+        name: "第9集-虎门海防总设计师——关天培",
+      },
+      {
+        id: 10,
+        name: "第10集-关天培与《延龄瑞菊图》",
       },
     ],
   },

pc/src/pages/A2Main/Tab1/index.module.scss

@@ -52,7 +52,6 @@
         overflow-y: auto;
         display: flex;
         flex-direction: column;
-        justify-content: center;
         padding-right: 10px;
 
         &>div {

pc/src/pages/A2Main/Tab1/index.tsx

@@ -7,6 +7,10 @@ type Props = {
   data: envDataSonType[];
 };
 
+interface IMenu extends envDataSonType {
+  img: string;
+}
+
 function Tab1({ data }: Props) {
   // 当前选中状态
   const [isAc, setIsAc] = useState(1);
@@ -26,14 +30,14 @@ function Tab1({ data }: Props) {
               key={isAc}
               controls
               autoPlay
-              src={`${envUrl}/swData/1/${info.id}.mp4`}
+              src={`https://houseoss.4dkankan.com/project/ypzz/${info.id}.mp4`}
             ></video>
           </div>
 
-          <div
+          {/* <div
             className="t1Txt myscroll"
             dangerouslySetInnerHTML={{ __html: info.txt }}
-          ></div>
+          ></div> */}
         </div>
         {/* 右侧列表 */}
         <div className="Tab1main2 myscroll">
@@ -44,7 +48,7 @@ function Tab1({ data }: Props) {
               title={v.name}
               className={classNames(isAc === v.id ? "rowAc" : "")}
             >
-              <img src={`${envUrl}/swData/1/${v.id}.jpg`} alt="" />
+              <img src={`https://houseoss.4dkankan.com/project/ypzz/imgs/${v.id}-min.png`} alt="" />
               <div className="name">{v.name}</div>
             </div>
           ))}