From 43ab6ec1c389c84e09b2cd8cee8f669c6e94a721 Mon Sep 17 00:00:00 2001 From: fmk1023 Date: Tue, 16 Dec 2025 14:14:38 +0800 Subject: [PATCH] =?UTF-8?q?Tcode=E5=B9=B3=E5=8F=B0=E6=94=B9=E9=80=A0?= =?UTF-8?q?=E5=8D=87=E7=BA=A7-header=E7=BB=84=E4=BB=B6=E4=BF=AE=E6=94=B9?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/Header/index.vue | 187 ++++++++++++++++---------------- 1 file changed, 94 insertions(+), 93 deletions(-) diff --git a/src/components/Header/index.vue b/src/components/Header/index.vue index 71ea52f..0cbb250 100644 --- a/src/components/Header/index.vue +++ b/src/components/Header/index.vue @@ -50,7 +50,8 @@
  • - {{ item.linkText }} + {{ item.linkText }} +
    • @@ -96,9 +97,9 @@ 态势感知中心 - - - +
  • + 定价 +
    • @@ -166,10 +167,10 @@ @@ -352,34 +353,34 @@ const handleLogin = (type) => { } .comHeader .nav, -.comHeader .nav>ul { +.comHeader .nav > ul { display: -webkit-box; display: -ms-flexbox; display: flex } -.comHeader .nav>ul { +.comHeader .nav > ul { margin: 0 0 0 38px } -.comHeader .nav>ul>li { +.comHeader .nav > ul > li { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative } -.comHeader .nav>ul>li:hover>a { +.comHeader .nav > ul > li:hover > a { color: #4bb752 } -.comHeader .nav>ul>li:hover .nav-hover { +.comHeader .nav > ul > li:hover .nav-hover { opacity: 1; top: 62px; visibility: visible } -.comHeader .nav>ul>li .nav-hover { +.comHeader .nav > ul > li .nav-hover { background-color: #1b1c1d; font-size: 13px; left: 0; @@ -395,21 +396,21 @@ const handleLogin = (type) => { white-space: nowrap } -.comHeader .nav>ul>li .nav-hover>ul { +.comHeader .nav > ul > li .nav-hover > ul { max-height: 452px; overflow: hidden; overflow-y: scroll } -.comHeader .nav>ul>li .nav-hover>ul::-webkit-scrollbar { +.comHeader .nav > ul > li .nav-hover > ul::-webkit-scrollbar { width: 0 } -.comHeader .nav>ul>li .nav-hover .hover-item { +.comHeader .nav > ul > li .nav-hover .hover-item { margin: 0 0 10px } -.comHeader .nav>ul>li .nav-hover .hover-item>a:link { +.comHeader .nav > ul > li .nav-hover .hover-item > a:link { color: #848484; font-size: 14px; padding: 0 20px; @@ -417,11 +418,11 @@ const handleLogin = (type) => { transition: none } -.comHeader .nav>ul>li .nav-hover .hover-item>a:hover { +.comHeader .nav > ul > li .nav-hover .hover-item > a:hover { color: #4bb752 } -.comHeader .nav>ul>li .nav-hover .child-item a { +.comHeader .nav > ul > li .nav-hover .child-item a { border-left: 4px solid #1b1c1d; display: inline-block; line-height: 25px; @@ -432,7 +433,7 @@ const handleLogin = (type) => { white-space: normal } -.comHeader .nav>ul>li .nav-hover .child-item a .ico-yh { +.comHeader .nav > ul > li .nav-hover .child-item a .ico-yh { background: url(data:image/png;base64,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) no-repeat 50%; background-size: 100% 100%; display: inline-block; @@ -443,7 +444,7 @@ const handleLogin = (type) => { width: 12px } -.comHeader .nav>ul>li .nav-hover .child-item a .ico-dp { +.comHeader .nav > ul > li .nav-hover .child-item a .ico-dp { background: url(./3.B1j6TFrJ.png) no-repeat 50%; background-size: 100% 100%; display: inline-block; @@ -454,7 +455,7 @@ const handleLogin = (type) => { width: 12px } -.comHeader .nav>ul>li .nav-hover .child-item a .ico-mz { +.comHeader .nav > ul > li .nav-hover .child-item a .ico-mz { background: url(./4.CliINQHr.png) no-repeat 50%; background-size: 100% 100%; display: inline-block; @@ -465,7 +466,7 @@ const handleLogin = (type) => { width: 12px } -.comHeader .nav>ul>li .nav-hover .child-item a .ico-xh { +.comHeader .nav > ul > li .nav-hover .child-item a .ico-xh { background: url(data:image/png;base64,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) no-repeat 50%; background-size: 100% 100%; display: inline-block; @@ -476,7 +477,7 @@ const handleLogin = (type) => { width: 12px } -.comHeader .nav>ul>li .nav-hover .child-item a .ico-zn { +.comHeader .nav > ul > li .nav-hover .child-item a .ico-zn { background: url(./7.CzOWPVUI.png) no-repeat 50%; background-size: 100% 100%; display: inline-block; @@ -487,7 +488,7 @@ const handleLogin = (type) => { width: 22px } -.comHeader .nav>ul>li .nav-hover .child-item a .ico-zn2 { +.comHeader .nav > ul > li .nav-hover .child-item a .ico-zn2 { background: url(./6.CHtcQ5m4.png) no-repeat 50%; background-size: 100% 100%; display: inline-block; @@ -498,11 +499,11 @@ const handleLogin = (type) => { width: 30px } -.comHeader .nav>ul>li .nav-hover .child-item a:hover { +.comHeader .nav > ul > li .nav-hover .child-item a:hover { border-color: #4bb752 } -.comHeader .nav>ul>li .hover-product { +.comHeader .nav > ul > li .hover-product { background-color: #fff; -webkit-box-shadow: 0 2px 11px 2px rgba(0, 0, 0, .08); box-shadow: 0 2px 11px 2px #00000014; @@ -514,54 +515,54 @@ const handleLogin = (type) => { right: 0 } -.comHeader .nav>ul>li .hover-product.hover-product2 { +.comHeader .nav > ul > li .hover-product.hover-product2 { left: 150px; right: auto } -.comHeader .nav>ul>li .hover-product.hover-product2 .product-list { +.comHeader .nav > ul > li .hover-product.hover-product2 .product-list { display: -webkit-box; display: -ms-flexbox; display: flex } -.comHeader .nav>ul>li .hover-product.hover-product2 .product-list .plist { +.comHeader .nav > ul > li .hover-product.hover-product2 .product-list .plist { padding: 10px } -.comHeader .nav>ul>li .hover-product.hover-product2 .product-list .plist:first-child>.list-item>ul>.hover-item { +.comHeader .nav > ul > li .hover-product.hover-product2 .product-list .plist:first-child > .list-item > ul > .hover-item { -webkit-box-flex: 1; -ms-flex: 1; flex: 1 } -.comHeader .nav>ul>li .hover-product.EN { +.comHeader .nav > ul > li .hover-product.EN { background-color: #040705 } -.comHeader .nav>ul>li .hover-product.EN.hover-product2 { +.comHeader .nav > ul > li .hover-product.EN.hover-product2 { left: 300px; right: auto } -.comHeader .nav>ul>li .hover-product.EN.hover-product2 .plist { +.comHeader .nav > ul > li .hover-product.EN.hover-product2 .plist { padding-left: 10px } -.comHeader .nav>ul>li .hover-product.EN.hover-product2 .plist .list-item { +.comHeader .nav > ul > li .hover-product.EN.hover-product2 .plist .list-item { padding: 0 !important } -.comHeader .nav>ul>li .hover-product.EN .product-list .plist { +.comHeader .nav > ul > li .hover-product.EN .product-list .plist { padding-bottom: 7px; padding-top: 7px } -.comHeader .nav>ul>li .hover-product.EN .product-list .plist .list-label { +.comHeader .nav > ul > li .hover-product.EN .product-list .plist .list-label { width: 60px } -.comHeader .nav>ul>li .hover-product.EN .product-list .plist .list-label span { +.comHeader .nav > ul > li .hover-product.EN .product-list .plist .list-label span { font-size: 20px; font-weight: 700; left: -83px; @@ -571,36 +572,36 @@ const handleLogin = (type) => { white-space: nowrap } -.comHeader .nav>ul>li .hover-product.EN .product-list .plist:first-child .list-label { +.comHeader .nav > ul > li .hover-product.EN .product-list .plist:first-child .list-label { background: linear-gradient(135deg, #22e68b, #008d35) } -.comHeader .nav>ul>li .hover-product.EN .product-list .plist:first-child>.list-item>ul>.hover-item { +.comHeader .nav > ul > li .hover-product.EN .product-list .plist:first-child > .list-item > ul > .hover-item { background-color: #15210f; border-color: #23e98e } -.comHeader .nav>ul>li .hover-product.EN .product-list .plist:nth-child(2) .list-label { +.comHeader .nav > ul > li .hover-product.EN .product-list .plist:nth-child(2) .list-label { background: linear-gradient(160deg, #48fffa, #008d9a); text-align: center } -.comHeader .nav>ul>li .hover-product.EN .product-list .plist:nth-child(2) .list-label span { +.comHeader .nav > ul > li .hover-product.EN .product-list .plist:nth-child(2) .list-label span { left: -72px } -.comHeader .nav>ul>li .hover-product.EN .product-list .plist:nth-child(2)>.list-item>ul>.hover-item { +.comHeader .nav > ul > li .hover-product.EN .product-list .plist:nth-child(2) > .list-item > ul > .hover-item { background-color: #101e1f; border-color: #8b979c } -.comHeader .nav>ul>li .hover-product.EN .product-list .plist:nth-child(2)>.list-item>ul>.hover-item .child-item { +.comHeader .nav > ul > li .hover-product.EN .product-list .plist:nth-child(2) > .list-item > ul > .hover-item .child-item { background: linear-gradient(160deg, #205c5d, #103f44); margin: 7px 0 0; padding: 7px 0 7px 30px } -.comHeader .nav>ul>li .hover-product.EN .product-list .plist:nth-child(2)>.list-item>ul>.hover-item>.LNK { +.comHeader .nav > ul > li .hover-product.EN .product-list .plist:nth-child(2) > .list-item > ul > .hover-item > .LNK { background: linear-gradient(135deg, #49fefa, #008d9a); display: -webkit-box; display: -ms-flexbox; @@ -613,44 +614,44 @@ const handleLogin = (type) => { justify-content: center } -.comHeader .nav>ul>li .hover-product.EN .product-list .plist:nth-child(2) .list-label .span1 { +.comHeader .nav > ul > li .hover-product.EN .product-list .plist:nth-child(2) .list-label .span1 { left: -30px } -.comHeader .nav>ul>li .hover-product.EN .product-list .plist:nth-child(2) .list-label .span2 { +.comHeader .nav > ul > li .hover-product.EN .product-list .plist:nth-child(2) .list-label .span2 { left: -95px } -.comHeader .nav>ul>li .hover-product.EN .product-list .plist:nth-child(3) .list-label { +.comHeader .nav > ul > li .hover-product.EN .product-list .plist:nth-child(3) .list-label { background: linear-gradient(135deg, #ffcd68, #fe682d) } -.comHeader .nav>ul>li .hover-product.EN .product-list .plist:nth-child(3) .list-label .span1 { +.comHeader .nav > ul > li .hover-product.EN .product-list .plist:nth-child(3) .list-label .span1 { left: -38px } -.comHeader .nav>ul>li .hover-product.EN .product-list .plist:nth-child(3) .list-label .span2 { +.comHeader .nav > ul > li .hover-product.EN .product-list .plist:nth-child(3) .list-label .span2 { left: -106px } -.comHeader .nav>ul>li .hover-product.EN .product-list .plist:nth-child(3)>.list-item>ul>.hover-item { +.comHeader .nav > ul > li .hover-product.EN .product-list .plist:nth-child(3) > .list-item > ul > .hover-item { background-color: #2d1d08; border-color: #ffa24b } -.comHeader .nav>ul>li .hover-product.EN .product-list .plist:nth-child(3)>.list-item>ul>.hover-item .child-item { +.comHeader .nav > ul > li .hover-product.EN .product-list .plist:nth-child(3) > .list-item > ul > .hover-item .child-item { background: linear-gradient(135deg, #442e10, #44230c); margin: 7px 0 0; padding: 7px 0 7px 30px; width: 32.333% !important } -.comHeader .nav>ul>li .hover-product.EN .product-list .plist .list-item .hover-item { +.comHeader .nav > ul > li .hover-product.EN .product-list .plist .list-item .hover-item { padding-top: 35px; position: relative } -.comHeader .nav>ul>li .hover-product.EN .product-list .plist .list-item .hover-item>.LNK { +.comHeader .nav > ul > li .hover-product.EN .product-list .plist .list-item .hover-item > .LNK { display: -webkit-box; display: -ms-flexbox; display: flex; @@ -668,46 +669,46 @@ const handleLogin = (type) => { white-space: normal } -.comHeader .nav>ul>li .hover-product.EN .child-item a { +.comHeader .nav > ul > li .hover-product.EN .child-item a { color: #dcdbde; font-size: 12px; line-height: 18px } -.comHeader .nav>ul>li .hover-product.EN .child-item a:hover { +.comHeader .nav > ul > li .hover-product.EN .child-item a:hover { color: #fff } -.comHeader .nav>ul>li .hover-product.EN .child-item a .ico-yh { +.comHeader .nav > ul > li .hover-product.EN .child-item a .ico-yh { background: url(data:image/png;base64,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) no-repeat 50%; background-size: 100% 100%; top: 3px } -.comHeader .nav>ul>li .hover-product.EN .child-item a .ico-dp { +.comHeader .nav > ul > li .hover-product.EN .child-item a .ico-dp { background: url(./3.B1j6TFrJ.png) no-repeat 50%; background-size: 100% 100%; top: 3px } -.comHeader .nav>ul>li .hover-product.EN .child-item a .ico-mz { +.comHeader .nav > ul > li .hover-product.EN .child-item a .ico-mz { background: url(./4.CliINQHr.png) no-repeat 50%; background-size: 100% 100%; top: 3px } -.comHeader .nav>ul>li .hover-product.EN .child-item a .ico-xh { +.comHeader .nav > ul > li .hover-product.EN .child-item a .ico-xh { background: url(./5.R14BVqop.png) no-repeat 50%; background-size: 100% 100%; top: 3px } -.comHeader .nav>ul>li .hover-product.EN .ico-zn, -.comHeader .nav>ul>li .hover-product.EN .ico-zn2 { +.comHeader .nav > ul > li .hover-product.EN .ico-zn, +.comHeader .nav > ul > li .hover-product.EN .ico-zn2 { display: none !important } -.comHeader .nav>ul>li .hover-product.EN .item-tit { +.comHeader .nav > ul > li .hover-product.EN .item-tit { color: #00e07b; font-size: 12px; line-height: 18px; @@ -717,7 +718,7 @@ const handleLogin = (type) => { white-space: normal } -.comHeader .nav>ul>li .hover-product.EN .item-tit:before { +.comHeader .nav > ul > li .hover-product.EN .item-tit:before { background-color: #00e07b; content: ""; height: 100%; @@ -727,21 +728,21 @@ const handleLogin = (type) => { width: 2px } -.comHeader .nav>ul>li .hover-product .item-tit { +.comHeader .nav > ul > li .hover-product .item-tit { font-weight: 700; margin: 5px 0 0 } -.comHeader .nav>ul>li .hover-product .child-item a { +.comHeader .nav > ul > li .hover-product .child-item a { border: none; color: #333 } -.comHeader .nav>ul>li .hover-product .child-item a:hover { +.comHeader .nav > ul > li .hover-product .child-item a:hover { color: #4bb752 } -.comHeader .nav>ul>li .hover-product .product-list { +.comHeader .nav > ul > li .hover-product .product-list { display: -webkit-box; display: -ms-flexbox; display: flex; @@ -751,7 +752,7 @@ const handleLogin = (type) => { flex-direction: column } -.comHeader .nav>ul>li .hover-product .product-list .plist { +.comHeader .nav > ul > li .hover-product .product-list .plist { color: #333; display: -webkit-box; display: -ms-flexbox; @@ -759,16 +760,16 @@ const handleLogin = (type) => { padding: 10px 20px } -.comHeader .nav>ul>li .hover-product .product-list .plist:first-child .list-label { +.comHeader .nav > ul > li .hover-product .product-list .plist:first-child .list-label { background: -webkit-gradient(linear, right top, left top, from(#49ac8c), to(#79ba49)); background: linear-gradient(270deg, #49ac8c, #79ba49) } -.comHeader .nav>ul>li .hover-product .product-list .plist:first-child>.list-item { +.comHeader .nav > ul > li .hover-product .product-list .plist:first-child > .list-item { padding: 0 5px } -.comHeader .nav>ul>li .hover-product .product-list .plist:first-child>.list-item>ul>.hover-item { +.comHeader .nav > ul > li .hover-product .product-list .plist:first-child > .list-item > ul > .hover-item { width: 15.8%; -ms-flex-negative: 0; background-color: #f5fbf1; @@ -778,15 +779,15 @@ const handleLogin = (type) => { margin-right: .43% } -.comHeader .nav>ul>li .hover-product .product-list .plist:nth-child(2) .list-label { +.comHeader .nav > ul > li .hover-product .product-list .plist:nth-child(2) .list-label { background: #40a9f5 } -.comHeader .nav>ul>li .hover-product .product-list .plist:nth-child(2)>.list-item { +.comHeader .nav > ul > li .hover-product .product-list .plist:nth-child(2) > .list-item { padding: 0 5px } -.comHeader .nav>ul>li .hover-product .product-list .plist:nth-child(2)>.list-item>ul>.hover-item { +.comHeader .nav > ul > li .hover-product .product-list .plist:nth-child(2) > .list-item > ul > .hover-item { width: 32.333%; -ms-flex-negative: 0; background-color: #f8f8f8; @@ -796,19 +797,19 @@ const handleLogin = (type) => { margin-right: .5% } -.comHeader .nav>ul>li .hover-product .product-list .plist:nth-child(2)>.list-item>ul>.hover-item>.LNK { +.comHeader .nav > ul > li .hover-product .product-list .plist:nth-child(2) > .list-item > ul > .hover-item > .LNK { background-color: #40a9f5 } -.comHeader .nav>ul>li .hover-product .product-list .plist:nth-child(3)>.list-item { +.comHeader .nav > ul > li .hover-product .product-list .plist:nth-child(3) > .list-item { padding: 0 5px } -.comHeader .nav>ul>li .hover-product .product-list .plist:nth-child(3)>.list-item>ul { +.comHeader .nav > ul > li .hover-product .product-list .plist:nth-child(3) > .list-item > ul { height: 100% } -.comHeader .nav>ul>li .hover-product .product-list .plist:nth-child(3)>.list-item>ul>.hover-item { +.comHeader .nav > ul > li .hover-product .product-list .plist:nth-child(3) > .list-item > ul > .hover-item { width: 99%; -ms-flex-negative: 0; flex-shrink: 0; @@ -818,7 +819,7 @@ const handleLogin = (type) => { padding-top: 10px } -.comHeader .nav>ul>li .hover-product .product-list .plist:nth-child(3)>.list-item>ul>.hover-item .hover-child { +.comHeader .nav > ul > li .hover-product .product-list .plist:nth-child(3) > .list-item > ul > .hover-item .hover-child { display: -webkit-box; display: -ms-flexbox; display: flex; @@ -826,7 +827,7 @@ const handleLogin = (type) => { flex-wrap: wrap } -.comHeader .nav>ul>li .hover-product .product-list .plist:nth-child(3)>.list-item>ul>.hover-item .hover-child .child-item { +.comHeader .nav > ul > li .hover-product .product-list .plist:nth-child(3) > .list-item > ul > .hover-item .hover-child .child-item { width: 24%; -ms-flex-negative: 0; flex-shrink: 0; @@ -834,7 +835,7 @@ const handleLogin = (type) => { margin-right: .5% } -.comHeader .nav>ul>li .hover-product .product-list .plist .list-label { +.comHeader .nav > ul > li .hover-product .product-list .plist .list-label { display: -webkit-box; display: -ms-flexbox; display: flex; @@ -849,13 +850,13 @@ const handleLogin = (type) => { width: 40px } -.comHeader .nav>ul>li .hover-product .product-list .plist .list-item { +.comHeader .nav > ul > li .hover-product .product-list .plist .list-item { -webkit-box-flex: 1; -ms-flex: 1; flex: 1 } -.comHeader .nav>ul>li .hover-product .product-list .plist .list-item>ul { +.comHeader .nav > ul > li .hover-product .product-list .plist .list-item > ul { display: -webkit-box; display: -ms-flexbox; display: flex; @@ -865,7 +866,7 @@ const handleLogin = (type) => { flex-direction: row } -.comHeader .nav>ul>li .hover-product .product-list .plist .list-item .hover-item { +.comHeader .nav > ul > li .hover-product .product-list .plist .list-item .hover-item { background-color: #fff9ed; border: 1px solid #e9d0af; margin: 15px 10px 0; @@ -874,18 +875,18 @@ const handleLogin = (type) => { min-height: 200px; } -.comHeader .nav>ul>li .hover-product .product-list .plist .list-item .hover-item .child-item { +.comHeader .nav > ul > li .hover-product .product-list .plist .list-item .hover-item .child-item { line-height: 22px; position: relative } -.comHeader .nav>ul>li .hover-product .product-list .plist .list-item .hover-item .child-item-2 { +.comHeader .nav > ul > li .hover-product .product-list .plist .list-item .hover-item .child-item-2 { position: absolute; left: 0; bottom: 12px; } -.comHeader .nav>ul>li .hover-product .product-list .plist .list-item .hover-item .child-item:before { +.comHeader .nav > ul > li .hover-product .product-list .plist .list-item .hover-item .child-item:before { background: #4bad52; border-radius: 4px; content: ""; @@ -897,7 +898,7 @@ const handleLogin = (type) => { width: 6px } -.comHeader .nav>ul>li .hover-product .product-list .plist .list-item .hover-item>.LNK { +.comHeader .nav > ul > li .hover-product .product-list .plist .list-item .hover-item > .LNK { background-color: #7abf4c; color: #fff; height: 30px; @@ -912,7 +913,7 @@ const handleLogin = (type) => { transform: translate(-50%) } -.comHeader .nav>ul>li>a { +.comHeader .nav > ul > li > a { height: 63px; line-height: 63px; padding: 0 20px @@ -1043,7 +1044,7 @@ const handleLogin = (type) => { } .menu-zh .menu-row .menu-row-items .menu-section .item-tit, -.menu-zh .menu-row .menu-row-items .menu-section>ul { +.menu-zh .menu-row .menu-row-items .menu-section > ul { margin: 0 20px }