'ss'

src/pages/index/index.jsx

@@ -91,7 +91,6 @@ const Index = () => {
     }
   };
 
-
   // pwa安装弹窗
   // useEffect(() => {
   //   window.addEventListener("beforeinstallprompt", (event) => {
@@ -358,7 +357,7 @@ const Index = () => {
         {/* 在线图书 */}
 
         {/* 参考资料https://readmake.com/ */}
-        <View className="index-book  animate__animated animate__pulse">
+        <View className="index_book  animate__animated animate__pulse">
           <View className="index_book_left">
             <View className="left_title">《Youtube运营笔记》</View>
             <View className="left_text">数字游民-手册1</View>
@@ -370,7 +369,7 @@ const Index = () => {
               <Text>4️⃣ AI:辅助剪辑/生成视频</Text>
               {/* <Text>5️⃣ -----------------</Text> */}
 
-              <Text>🔥 一起实践,交流</Text>
+              {/* <Text>🔥 一起实践,交流</Text> */}
             </View>
 
             <View className="left_btn ">
@@ -395,6 +394,17 @@ const Index = () => {
           </View>
         </View>
 
+        {/* <View className="group">
+          <View className="groupItem"></View>
+          <View className="groupItem"></View>
+          <View className="groupItem"></View>
+          <View className="groupItem"></View>
+          <View className="groupItem"></View>
+          <View className="groupItem"></View>
+          <View className="groupItem"></View>
+          <View className="groupItem"></View>
+        </View> */}
+
         <View className="svgItems">
           <View className="svgItem">
             {" "}

src/pages/index/index.scss

@@ -5,7 +5,7 @@
   // padding-left: 100px;
   // padding-right: 100px;
 
-  .index-book {
+  .index_book {
     margin-top: 80px;
     // width: 100%;
     min-height: 300px;
@@ -48,7 +48,7 @@
         // background-color: aqua;
         // display: none;
         .startRead {
-          width: 200px;
+          width: 300px;
         }
       }
     }
@@ -58,6 +58,26 @@
     }
   }
 
+  .group {
+    padding: 20px;
+    // width: 400px;
+    // height: 400px;
+    background-color: yellow;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: center;
+    .groupItem {
+      width: 80px;
+      height: 80px;
+      background-color: aqua;
+      border-radius: 50%;
+      margin-right: -20px;
+      // left: 10px;
+      // position: relative;
+    }
+  }
+
   .svgItems {
     display: flex;
     flex-direction: column;
@@ -89,7 +109,7 @@
     justify-content: center;
     // background-color: aqua;
 
-    .index-book {
+    .index_book {
       width: 100%;
       max-width: 1400px;
 
@@ -131,6 +151,9 @@
       }
     }
 
+    .group {
+      display: none;
+    }
     .svgItems {
       // width: 1400px;
       width: 100%;
@@ -187,5 +210,4 @@
       background-color: yellow;
     }
   }
-
 }