Ver Fonte

上传文件至 'src/component/style'

deng há 1 ano atrás
pai
commit
201d931c42

+ 6 - 0
src/component/style/menu.less

@@ -0,0 +1,6 @@
+.ant-menu-item-selected::after,
+.ant-menu-item-active::after,
+.ant-menu-item-selected::before,
+.ant-menu-item-active::before {
+    display: none;
+}

+ 65 - 0
src/component/style/news.less

@@ -0,0 +1,65 @@
+.news_tabs {
+    .ant-tabs {
+        .ant-tabs-nav {
+            margin: 16px;
+
+            .ant-tabs-nav-wrap {
+                .ant-tabs-nav-list {
+                    border: 1px solid #58BE70;
+
+                    .ant-tabs-tab {
+                        padding: 12px 25px;
+                        background-color: #fff;
+                        color: #58BE70;
+                        border-right: 1px solid #58BE70;
+                    }
+
+                    div:nth-last-child(2) {
+                        border-right: none;
+                    }
+
+                    .ant-tabs-tab.ant-tabs-tab-active {
+                        background-color: #58BE70;
+                    }
+
+                    .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
+                        color: #fff;
+                    }
+                }
+
+                .ant-tabs-ink-bar {
+                    visibility: hidden;
+                }
+            }
+        }
+
+        
+    }
+}
+.news_container {
+    margin: 0 auto;
+    width: 80%;
+
+    .news_list,
+    .news_recommend {
+        background-color: #fff;
+        padding: 18px;
+        margin: 18px 0;
+        text-align: left;
+        color: rgb(16, 16, 16);
+        font-family: SourceHanSansSC-regular;
+        cursor: pointer;
+    }
+    .recommend_tags{
+        background-color: #fff;
+        padding: 25px 10px;
+        .span{
+            height: 36px;
+            line-height: 36px;
+            text-align: center;
+            border: 1px solid #58BE70;
+            border-radius: 5px;
+            cursor: pointer;
+        }
+    }
+}

+ 20 - 0
src/component/style/pagefooter.less

@@ -0,0 +1,20 @@
+.page_footer {
+    width: 100vw;
+    height: 220px;
+    background-color: rgb(88, 88, 88);
+    padding: 20px 20px;
+
+    h3 {
+        color: #fff;
+        font-weight: 700;
+    }
+
+    p {
+        color: #D1D3DA;
+    }
+
+    .ant-row .ant-col .ant-space .ant-space-item {
+        z-index: 100;
+        cursor: pointer;
+    }
+}

+ 251 - 0
src/component/style/product.less

@@ -0,0 +1,251 @@
+.main {
+    background-color: rgb(241, 241, 241);
+
+    .prduct_container {
+        position: relative;
+        width: 100vw;
+        height: 470px;
+
+        .prduct_background {
+            width: 100vw;
+            height: 470px;
+            position: absolute;
+            top: 0;
+            left: 0;
+            z-index: 10;
+        }
+
+        .image_text {
+            position: absolute;
+            top: 110px;
+            left: 0;
+            width: 100%;
+            height: 300px;
+            z-index: 10;
+            color: #fff;
+
+            .text_value {
+                width: 60%;
+                height: 100%;
+                margin: auto;
+                display: flex;
+                justify-content: center;
+                align-items: center;
+                text-align: center;
+
+                p:first-child {
+                    font-size: 32px;
+                    font-family: Arial;
+                    font-weight: bold;
+                }
+
+                p:last-child {
+                    font-size: 18px;
+                    font-family: SourceHanSansSC;
+                    font-family: bold;
+                    line-height: 2;
+                }
+            }
+
+            .left_text {
+                p {
+                    font-size: 32px;
+                    font-family: PingFangSC-regular;
+                    margin-bottom: 0;
+                }
+
+                span {
+                    font-size: 20px;
+                    font-family: PingFangSC-regular;
+                }
+            }
+
+            .right_text {
+                display: flex;
+                justify-content: space-around;
+                flex-direction: column;
+
+                span {
+                    color: #fff;
+                    font-family: SourceHanSansSC-regular;
+                    font-size: 14px;
+                    position: relative;
+                }
+
+                span:before {
+                    position: absolute;
+                    content: "";
+                    display: inline-block;
+                    top: 50%;
+                    right: 110%;
+                    width: 50px;
+                    height: 1px;
+                    background-color: #fff;
+                }
+
+
+
+                span:first-child {
+                    font-size: 18px;
+                }
+
+                span:first-child:before {
+                    position: absolute;
+                    content: "";
+                    display: inline-block;
+                    top: 50%;
+                    right: 110%;
+                    width: 75px;
+                    height: 1px;
+                    background-color: #fff;
+                }
+            }
+
+        }
+
+    }
+
+    .lightspot_container {
+
+        .light_title {
+            font-size: 32px;
+            font-family: SourceHanSansSC-regular;
+            font-weight: bold;
+            text-align: center;
+            margin: 44px auto;
+        }
+
+        .advantage_detail {
+            width: 445px;
+            line-height: 18px;
+            border-radius: 20px;
+            background-color: rgba(255, 255, 255, 1);
+            display: flex;
+            align-items: center;
+            flex-direction: column;
+
+            .advantage_detail_1 {
+                font-size: 100px;
+                margin: 36px auto;
+                color: #58BE70;
+            }
+
+            .advantage_detail_3 {
+                margin: auto;
+
+                >p {
+                    display: flex;
+                    height: 50px;
+                }
+
+                span:first-child {
+                    width: 24px;
+                    height: 24px;
+                }
+
+                span {
+                    width: 100%;
+                    height: 24px;
+                    font-size: 17px;
+                    color: rgb(51, 51, 51);
+                    font-family: SourceHanSansSC-regular;
+                }
+            }
+        }
+    }
+
+    .software_container {
+        width: 100vw;
+        height: 520px;
+        background: rgba(146, 146, 146, .3) url('../../static/web/org/bsns/11.jpg') no-repeat 0 0;
+        background-size: 100% 100%;
+        background-origin: padding-box;
+        background-clip: border-box;
+        position: relative;
+
+        .software_bcg {
+            position: absolute;
+            width: 100vw;
+            height: 520px;
+            background-color: rgba(113, 113, 113, .5);
+            z-index: 10;
+
+            .title {
+                font-size: 32px;
+                color: #fff;
+                font-family: SourceHanSansSC-regular;
+                text-align: center;
+                margin: 48px auto;
+            }
+
+            .btn {
+                width: 70%;
+                margin: 0 auto;
+                height: 350px;
+
+                
+
+                .ant-btn {
+                    width: 100%;
+                    height: 48px;
+                    border-radius: 9px;
+                    font-size: 18px;
+                    line-height: 18px;
+                }
+
+                .ant-space {
+                    width: 100%;
+                }
+            }
+        }
+    }
+
+    .core_function {
+        .core_title {
+            text-align: center;
+            margin: 66px auto;
+            font-size: 36px;
+            font-family: Arial-regular;
+        }
+    }
+
+    .core_container {
+        width: 70%;
+        max-width: 100%;
+        margin: auto;
+        padding: 50px 0;
+
+        .ant-space-item {
+            position: relative;
+
+            .ant-divider {
+                margin: 12px 0;
+                width: 30%;
+                min-width: 0;
+                border-top: 3px solid #58BE70;
+            }
+
+            .title {
+                font-size: 26px;
+                font-family: Arial;
+                font-weight: bold;
+                color: #58BE70;
+            }
+
+            p {
+                font-size: 14px;
+                font-family: Arial-regular;
+                font-weight: 300;
+            }
+
+            p:before {
+                content: "•";
+                display: inline-block;
+                width: 1em;
+                text-align: center;
+                margin-right: 0.5em;
+            }
+
+        }
+    }
+}

+ 15 - 0
src/component/style/solution.less

@@ -0,0 +1,15 @@
+.chart_solution {
+    background-color: #fff;
+
+    .title {
+        text-align: center;
+        font-size: 48px;
+        font-weight: 800;
+        padding: 25px 0;
+        font-family: SourceHanSansSC-regular;
+    }
+    .ant-image-img{
+        width: 484px;
+        height: 272px;
+    }
+}