Merge pull request #253 from hepengwei/feat_he

优化代码
hepengwei · Sep 20, 2024 · 0b8d6b6 · 0b8d6b6
2 parents 6e1dd23 + df9943c
commit 0b8d6b6
Show file tree

Hide file tree

Showing 11 changed files with 8 additions and 82 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/components/AdBox/index.module.scss b/src/components/AdBox/index.module.scss
diff --git a/src/components/AdBox/index.tsx b/src/components/AdBox/index.tsx
diff --git a/src/locale/en-US.js b/src/locale/en-US.js
@@ -86,7 +86,6 @@ const en_US = {
   'common.checkout': 'Checkout',
   'common.moduleTitle': 'Module Title',
   'common.customizeContent': 'Customize content',
-  'common.ad.btnText': 'Experience right away',
 
   // 菜单
   'menu.htmlVision': 'Html Vision',

diff --git a/src/locale/zh-CN.js b/src/locale/zh-CN.js
@@ -79,7 +79,6 @@ const zh_CN = {
   'common.checkout': '校验',
   'common.moduleTitle': '模块标题',
   'common.customizeContent': '自定义内容',
-  'common.ad.btnText': '马上体验',
 
   // 菜单
   'menu.htmlVision': 'Html视觉',

diff --git a/src/pages/css/RichDynamicEffect/index.tsx b/src/pages/css/RichDynamicEffect/index.tsx
@@ -59,9 +59,6 @@ const RichDynamicEffect = () => {
       <div className={styles.box}>
         <DisplayTextInSmoke />
       </div>
-      <div className={styles.box}>
-        <AdBox data={adData[3]} />
-      </div>
       <div className={styles.box}>
         <PlayVideoInText />
       </div>
@@ -76,9 +73,6 @@ const RichDynamicEffect = () => {
           <TextOutlineAnimation2 />
         </div>
       </div>
-      <div className={styles.box}>
-        <AdBox data={adData[4]} />
-      </div>
       <div className={styles.multipleColumnsBox}>
         <div className={styles.box}>
           <MobiusBand1 />

diff --git a/src/pages/html/InteractiveDesign/components/AutoTagNum/index.module.scss b/src/pages/html/InteractiveDesign/components/AutoTagNum/index.module.scss
@@ -20,7 +20,7 @@
       gap: 8px;
 
       &::after {
-        content: '+' counter(num);
+        content: '+' counter(tagNum);
         padding: 0.2em 0.5em;
         background-color: #ffe8a3;
         color: #191919;
@@ -33,10 +33,10 @@
         gap: 8px;
         padding: 6px;
         overflow: hidden;
-        counter-reset: num;
+        counter-reset: tagNum;
         // 区域有滚动内容时通过修改margin-right显示出box的after伪元素
         animation: check;
-        animation-timeline: scroll(x self);
+        animation-timeline: scroll(self x);
         margin-right: -48px;
 
         .tag {
@@ -45,7 +45,7 @@
           color: #fff;
           border-radius: 4px;
           // 默认CSS计数器加1
-          counter-increment: num 1;
+          counter-increment: tagNum 1;
           // 元素显示时，CSS计数器加0
           animation: appear;
           animation-timeline: view(inline);
@@ -86,7 +86,7 @@
   @keyframes appear {
     from,
     to {
-      counter-increment: num 0;
+      counter-increment: tagNum 0;
     }
   }
 }
diff --git a/src/pages/html/InteractiveDesign/components/IconScroll/index.module.scss b/src/pages/html/InteractiveDesign/components/IconScroll/index.module.scss
@@ -26,7 +26,7 @@
         padding: 0 5px;
         user-select: none;
         cursor: default;
-        transition: 1.5s;
+        transition: 6s;
         path {
           fill: rgba(0, 0, 0, 0.5);
         }

diff --git a/src/pages/html/InteractiveDesign/index.tsx b/src/pages/html/InteractiveDesign/index.tsx
@@ -31,9 +31,6 @@ const boxList = [
   { element: <MagnifyingGlass /> },
   { element: <CropImage /> },
   { element: <DragShopping /> },
-  {
-    element: <AdBox data={adData[0]} />,
-  },
   { element: <MouseHover /> },
   { element: <SlideButtonTab /> },
   { element: <FlipBook /> },
@@ -47,9 +44,6 @@ const boxList = [
   { element: <HexagonalMesh2 /> },
   { element: <HexagonalMesh3 /> },
   { element: <IconScroll /> },
-  {
-    element: <AdBox data={adData[1]} />,
-  },
   { element: <WipeSwitchover /> },
   { element: <AutoCompletePunctuation /> },
   { element: <StackedImages /> },

diff --git a/src/pages/html/UtilitarianFunction/index.tsx b/src/pages/html/UtilitarianFunction/index.tsx
@@ -30,9 +30,6 @@ const UtilitarianFunction = () => {
       <div className={styles.box}>
         <RecordedVideo />
       </div>
-      <div className={styles.box}>
-        <AdBox data={adData[2]} />
-      </div>
       <div className={styles.box}>
         <RecordedScreen />
       </div>