diff --git a/src/home/Index.jsx b/src/home/Index.jsx index 2bbb72bd4..c777e1925 100644 --- a/src/home/Index.jsx +++ b/src/home/Index.jsx @@ -106,7 +106,7 @@ function Index(props) {
  • changeActive("#hadoop")} className={value === "#hadoop"?"active":""}>分布式协作开发
  • changeActive("#oneStop")} className={value === "#oneStop"?"active":""}>一站式过程管理
  • changeActive("#highDevops")} className={value === "#highDevops"?"active":""}>高效流水线运维
  • -
  • changeActive("#multipleAnalyse")} className={value === "#multipleAnalyse"?"active":""}>多层次代码分析
  • + {/*
  • changeActive("#multipleAnalyse")} className={value === "#multipleAnalyse"?"active":""}>多层次代码分析
  • */}
  • changeActive("#multidimensional")} className={value === "#multidimensional"?"active":""}>多维度用户画像
  • } diff --git a/src/home/Index.scss b/src/home/Index.scss index 1de012831..badd1d3b6 100644 --- a/src/home/Index.scss +++ b/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{ diff --git a/src/home/SecondEdition.jsx b/src/home/SecondEdition.jsx index 7a8061462..a675bd79f 100644 --- a/src/home/SecondEdition.jsx +++ b/src/home/SecondEdition.jsx @@ -182,11 +182,11 @@ function SecondEdition({setValue}) {

    让您的代码更加快速、可靠地形成高质量的产品!

    -
    + {/*
    多层次代码分析

    提供软件软代码和芯片RTL代码的溯源分析、文件级和组件级许可证识别及风险分析、输入性开源漏洞检测和加固建议,支持分析结果的多层次可视化展示。

    -
    +
    */}