style

src/home/Index.jsx

@@ -106,7 +106,7 @@ function Index(props) {
             <li onClick={()=>changeActive("#hadoop")} className={value === "#hadoop"?"active":""}><a>分布式协作开发</a></li>
             <li onClick={()=>changeActive("#oneStop")} className={value === "#oneStop"?"active":""}><a>一站式过程管理</a></li>
             <li onClick={()=>changeActive("#highDevops")} className={value === "#highDevops"?"active":""}><a>高效流水线运维</a></li>
-            <li onClick={()=>changeActive("#multipleAnalyse")} className={value === "#multipleAnalyse"?"active":""}><a>多层次代码分析</a></li>
+            {/* <li onClick={()=>changeActive("#multipleAnalyse")} className={value === "#multipleAnalyse"?"active":""}><a>多层次代码分析</a></li> */}
             <li onClick={()=>changeActive("#multidimensional")} className={value === "#multidimensional"?"active":""}><a>多维度用户画像</a></li>
           </Anchor>
         }

src/home/Index.scss

@@ -1143,17 +1143,39 @@ body{
       width: 100%;
       justify-content: center;
       li{
-        width: 6px;
-        height: 6px;
+        background-color: #B0B8C5;
+        position: relative;
+        height: 12px;
+        width: 12px;
+        margin:0px 8px;
         border-radius: 50%;
-        margin:0px 3px;
-        background-color: #eee;
-        button{
-          display: none;
-        }
         &.slick-active{
           background-color: #466AFF;
         }
+        // &::after{
+        //   position: absolute;
+        //   left: 0px;
+        //   width: 0px;
+        //   top:0px;
+        //   height: 100%;
+        //   content: "";
+        //   transition: .2s;
+        //   transition-property: width;
+        // }
+        &.slick-active::after{
+          background-color: #466AFF;
+          width: 100%;
+        }
+        button{
+          position: absolute;
+          width: 100%;
+          height: 10px;
+          left:0px;
+          background-color: transparent!important;
+          border:none;
+          cursor: pointer;
+          color: transparent;
+        }
       }
     }
     .slick-list{

src/home/SecondEdition.jsx

@@ -182,11 +182,11 @@ function SecondEdition({setValue}) {
           <p className="highDoBottondesc">让您的代码更加快速、可靠地形成高质量的产品！</p>
         </div>
       </div>
-      <div className={multipleAnalyse ? "multipleAnalyse activeCode":"multipleAnalyse"} id="multipleAnalyse">
+      {/* <div className={multipleAnalyse ? "multipleAnalyse activeCode":"multipleAnalyse"} id="multipleAnalyse">
         <span className="title">多层次代码分析</span>
         <div className="maContent"></div>
         <p className="desc">提供软件软代码和芯片RTL代码的溯源分析、文件级和组件级许可证识别及风险分析、输入性开源漏洞检测和加固建议，支持分析结果的多层次可视化展示。</p>
-      </div>
+      </div> */}
       <div className={"multidimensional"} style={{opacity:multidimensional?"1":"0.3"}}>
         <div style={{height:"168px"}}></div>
         <div className={multidimensional ? "activeCode":""} id="multidimensional">