'featv2'

src/pages/A2main/index.module.scss

@@ -119,7 +119,9 @@
     }
 
     // 点赞
-    .likeBox {
+    .likeBox,
+    .A2_share_box,
+    .A2_view_box {
       float: left;
       cursor: pointer;
 

src/pages/A3hotList/index.module.scss

@@ -3,7 +3,7 @@
   top: 50%;
   right: 0;
   transform: translate(0, -50%);
-  width: 250px;
+  width: 350px;
   height: 100%;
   z-index: 30001;
   display: flex;
@@ -16,7 +16,7 @@
       align-items: center;
       justify-content: flex-start;
       gap: 10px;
-      width: 250px;
+      width: 350px;
       height: 100%;
       background: url('../../assets/img/hotlist_bg.png') no-repeat;
       background-size: 100% 100%;
@@ -24,7 +24,7 @@
       font-size: 17px;
       font-weight: 500;
       overflow: auto;
-      padding-bottom: 40px;
+      padding-bottom: 70px;
       // 隐藏滚动条
       &::-webkit-scrollbar {
         display: none;
@@ -43,6 +43,16 @@
         height: fit-content;
         padding: 4px 10px;
         cursor: pointer;
+        min-width: 0; // 保持这个重要属性
+        span {
+          white-space: nowrap;
+          text-overflow: ellipsis;
+          overflow: hidden;
+          width: 100%;
+          text-align: center;
+          display: block;
+        }
+
         &:hover {
           background-color: rgb(192, 174, 154);
         }

src/pages/A3hotList/index.tsx

@@ -25,10 +25,7 @@ function A3hotList({ show, setShow, closeFu }: Props) {
   }, [])
 
   return (
-    <div
-      className={styles.A3hotList}
-      style={{ opacity: show ? '1' : '0', pointerEvents: show ? 'auto' : 'none' }}
-    >
+    <div className={styles.A3hotList} style={{ opacity: show ? '1' : '0', pointerEvents: show ? 'auto' : 'none' }}>
       <div className='A3main'>
         <div className='A3title'>热点列表</div>
         {list.map((item, index) => (
@@ -40,7 +37,7 @@ function A3hotList({ show, setShow, closeFu }: Props) {
             }}
             key={index}
           >
-            {item.info.title || '热点'}
+            <span>{item.info.title || '热点'}</span>
           </div>
         ))}
         <div className='A3close' onClick={closeFu}>

src/pages/A4base/components/index.module.scss

@@ -53,17 +53,20 @@
         }
         .title2 {
           width: 24%;
-          transform: translate(45%, -80%);
-          transition: all 0.6s ease-in-out;
+          opacity: 0;
+          transform: translate(45%, -95%);
+          transition: all 1.2s ease-in-out;
         }
         .item2 {
           width: 30%;
+          opacity: 0;
           transform: translate(-110%, -39%);
           transition: all 1s ease-in-out;
         }
         .date2 {
           width: 92px;
-          transform: translate(-900px, -59%);
+          opacity: 0;
+          transform: translate(-1050px, -79%);
           transition: all 0.8s ease-in-out;
         }
 
@@ -76,6 +79,7 @@
         }
         .item5 {
           width: 37%;
+          opacity: 0;
           transform: translate(-110%, -36%);
           transition: all 1s ease-in-out;
         }
@@ -116,18 +120,22 @@
           opacity: 1;
         }
         .title2 {
+          opacity: 1;
           transform: translate(45%, -50%);
         }
         .item2 {
+          opacity: 1;
           transform: translate(-110%, -44%);
         }
         .date2 {
+          opacity: 1;
           transform: translate(-900px, -79%);
         }
         .top3 {
           opacity: 1;
         }
         .item5 {
+          opacity: 1;
           transform: translate(-110%, -40%);
         }
         .top7 {