Merge pull request #254 from hepengwei/feat_he

隐藏CSS自动计算标签数模块
hepengwei · Sep 20, 2024 · 6012df8 · 6012df8
2 parents 0b8d6b6 + c033f22
commit 6012df8
Show file tree

Hide file tree

Showing 8 changed files with 30 additions and 36 deletions.
diff --git a/docs/main.js b/docs/main.js
diff --git a/docs/styles/main.css b/docs/styles/main.css
diff --git a/src/pages/css/RichDynamicEffect/index.tsx b/src/pages/css/RichDynamicEffect/index.tsx
@@ -2,8 +2,6 @@
  * 丰富动效
  */
 import React, { useEffect } from "react";
-import adData from "utils/adData";
-import AdBox from "@/components/AdBox";
 import { useGlobalContext } from "@/hooks/useGlobalContext";
 import DynamicTime from "./components/DynamicTime";
 import FlopTime from "./components/FlopTime";

diff --git a/src/pages/html/InteractiveDesign/components/AutoTagNum/index.tsx b/src/pages/html/InteractiveDesign/components/AutoTagNum/index.tsx
@@ -1,3 +1,6 @@
+/**
+ * 该组件因使用了animation-timeline: scroll(self x)和 animation-timeline: view(inline)两个实验性CSS已被隐藏，本地可以正常运行
+ */
 import React, { useState } from 'react';
 import { Slider } from 'antd';
 import ModuleTitle from '@/components/ModuleTitle';

diff --git a/src/pages/html/InteractiveDesign/components/TranslateZScroll/index.module.scss b/src/pages/html/InteractiveDesign/components/TranslateZScroll/index.module.scss
@@ -6,16 +6,16 @@
   align-items: center;
   position: relative;
 
-    // .scroll {
-    //   width: 700px;
-    //   height: 120vh;
-    //   background-color: #aaa;
-    // }
+  // .scroll {
+  //   width: 700px;
+  //   height: 120vh;
+  //   background-color: #aaa;
+  // }
 
-    // @scroll-timeline box-move {
-    //   source: selector("#g-scroll");
-    //   orientation: "vertical";
-    // }
+  // @scroll-timeline box-move {
+  //   source: selector('#g-scroll');
+  //   orientation: 'vertical';
+  // }
 
   .content {
     width: 700px;
@@ -48,7 +48,7 @@
       //   animation-name: move;
       //   animation-duration: 1s;
       //   animation-timeline: box-move;
-        animation: move 10s infinite linear;
+      animation: move 10s infinite linear;
 
       .item {
         width: 400px;
@@ -57,21 +57,21 @@
         transform: rotateX(-90deg);
       }
 
-    //   @keyframes move {
-    //     0% {
-    //       --phase: 0;
-    //     }
-    //     100% {
-    //       --phase: calc(100vh + 100px);
-    //     }
-    //   }
+      //   @keyframes move {
+      //     0% {
+      //       --phase: 0;
+      //     }
+      //     100% {
+      //       --phase: calc(100vh + 100px);
+      //     }
+      //   }
 
-        @keyframes move {
-          100% {
-            transform: translateY(calc(-60% + 100px))
-              translateZ(calc(100vh + 120px)) rotateX(90deg);
-          }
+      @keyframes move {
+        100% {
+          transform: translateY(calc(-60% + 100px))
+            translateZ(calc(100vh + 120px)) rotateX(90deg);
         }
+      }
     }
   }
 }
diff --git a/src/pages/html/InteractiveDesign/index.tsx b/src/pages/html/InteractiveDesign/index.tsx
@@ -3,8 +3,6 @@
  */
 import React, { useEffect } from "react";
 import { useGlobalContext } from "@/hooks/useGlobalContext";
-import adData from "utils/adData";
-import AdBox from "@/components/AdBox";
 import MagnifyingGlass from "./components/MagnifyingGlass";
 import CropImage from "./components/CropImage";
 import DragShopping from "./components/DragShopping";
@@ -24,7 +22,7 @@ import IconScroll from "./components/IconScroll";
 import WipeSwitchover from "./components/WipeSwitchover";
 import AutoCompletePunctuation from "./components/AutoCompletePunctuation";
 import StackedImages from "./components/StackedImages";
-import AutoTagNum from './components/AutoTagNum';
+// import AutoTagNum from './components/AutoTagNum';
 import styles from "./index.module.scss";
 
 const boxList = [
@@ -47,7 +45,7 @@ const boxList = [
   { element: <WipeSwitchover /> },
   { element: <AutoCompletePunctuation /> },
   { element: <StackedImages /> },
-  { element: <AutoTagNum /> },
+  // { element: <AutoTagNum /> },
 ];
 
 const InteractiveDesign = () => {

diff --git a/src/pages/html/UtilitarianFunction/index.tsx b/src/pages/html/UtilitarianFunction/index.tsx
@@ -2,8 +2,6 @@
  * 实用功能
  */
 import React, { useEffect } from "react";
-import adData from "utils/adData";
-import AdBox from "@/components/AdBox";
 import { useGlobalContext } from "@/hooks/useGlobalContext";
 import ShearPlate from "./components/ShearPlate";
 import RecordedAudio from "./components/RecordedAudio";

diff --git a/src/utils/adData.ts b/src/utils/adData.ts