feat : Network Zodiac 前端logo更换

nezha-fronted/index.html

@@ -5,9 +5,11 @@
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width,initial-scale=1.0">
   <link rel="icon" href="data:;base64,=">
-  <link href="./static/explore-tab-logo.png" rel="icon" type="image/x-icon"/>
+  <!-- <link href="./static/explore-tab-logo.png" rel="icon" type="image/x-icon"/> -->
+  <link href="./static/favicon.ico" rel="icon" type="image/x-icon"/>
 
-  <title>Nezha</title>
+
+  <title>Network Zodiac</title>
   <style>
     * {
       margin: 0;

nezha-fronted/src/assets/css/components/common/login.css

@@ -0,0 +1 @@
+.login .model{height:100%;width:100%;background-color:rgba(130,130,135,0.4);position:absolute;top:0;left:0;z-index:1}.login .logo{z-index:2;width:392px}.login .logo img{width:100%}.login .login-main{z-index:2;background:rgba(106,106,106,0.5);border-radius:8px;padding:40px 50px 20px 50px}.login .login-box{z-index:2;width:392px}.login .login-box .login-label{font-size:22px;color:#FFFFFF;font-weight:500}.login .login-box .login-label-foot{font-size:14px;color:#DEDEDE;line-height:20px;font-weight:500;word-break:keep-all;width:90%}.login .login-box .login-input{padding:12px 0;height:46px;position:relative}.login .login-box .login-input .nz-icon{position:absolute;left:18px;top:50%;transform:translateY(-50%);color:white;font-size:20px}.login .login-box .login-input input{height:100%;width:calc(100% - 60px);background-color:rgba(0,0,0,0.55);padding-left:60px;font-size:20px;border:none;outline:none;color:white;border-radius:4px}.login .login-foot{padding-top:15px;display:flex;width:392px;justify-content:space-between;position:relative}.login .login-btn{color:white;border-radius:2px;background-color:#fba649;border:none;outline:none;height:44px;width:100%;cursor:pointer;font-size:14px;transition:all linear .2s}.login .login-btn .my-loading-box .my-loading{margin-top:-10px}.login .login-btn:not(.nz-btn-disabled):hover{background-color:#fcb160}.login .login-foot-lang{position:relative;cursor:pointer;background:rgba(0,0,0,0.25);border-radius:4px;padding:0 14px}.login .login-foot-lang .nz-icon:not(.nz-icon-arrow-up):not(.nz-icon-arrow-down){font-size:30px;color:white;margin-right:30px;line-height:45px}.login .login-foot-lang-list{position:absolute;height:25px;padding:12px;background-color:rgba(0,0,0,0.55);top:70px;right:0;border-radius:4px}.login .login-foot-lang-list .nz-icon{font-size:25px;color:white;cursor:pointer}.login .login-foot .el-loading-spinner{width:36px;height:36px}.login .login-foot-lang-list::before{content:" ";width:0;height:0;border-width:10px;border-style:solid;border-color:transparent transparent rgba(0,0,0,0.55) transparent;position:absolute;top:-20px;left:50%;transform:translateX(-50%)}.login .login-foot-buildOn{position:absolute;bottom:20px;z-index:100;left:50%;transform:translateX(-50%)}.login .login-foot-buildOn a{font-size:14px;color:#eee;text-shadow:1px 1px 3px #333;text-decoration:none}.login .nz-icon-arrow-down,.login .nz-icon-arrow-up{position:absolute;font-size:18px;color:white;top:50%;right:8px;transform:translateY(-50%)}.login .license-warn{color:#d92926;margin-top:22px;text-align:center;text-shadow:1px 1px 3px #ddd}.login .login-license{margin-top:27px;text-align:center;line-height:30px;display:flex;justify-content:space-between}.login .login-license .license-info{margin-bottom:10px;color:white;text-shadow:1px 1px 3px #333;white-space:nowrap}.login .login-license .login-btn{height:40px;width:auto;padding:0 20px;margin-bottom:10px}.login .login-license .download-btn.login-btn{padding:0 12px}.login .login-dialog-title{background:#F9F9F9;font-size:14px;color:#666666;letter-spacing:0;line-height:20px;font-weight:400;padding:10px;margin-bottom:10px;word-break:keep-all}.login .login-dialog-title2{background:rgba(246,248,250,0.9);border:1px solid #E7EAED;border-radius:2px;height:248px;padding:15px;position:relative}.login .login-dialog-title2 .copy-value-content{position:absolute;right:5px;top:5px;cursor:pointer}.login .login-dialog-title2 .login-dialog-recover{height:calc(100% - 30px);overflow-y:auto}.login .enter-code{font-size:14px;color:#666666;letter-spacing:0;font-weight:400;margin-bottom:10px}.login .qrCode-box{display:flex;align-items:center}.login .qrCode-content{padding:4px;margin-left:10px}.login .qrCode-text{width:60%;margin-left:10px;font-size:14px;color:#666666;letter-spacing:0;font-weight:400}.login .qrCode-authKey{background:#f6f8fa;border:1px solid #E7EAED;border-radius:2px;padding:5px 12px;font-size:14px;color:#333333;letter-spacing:0;font-weight:400;margin-top:12px}.login .footer .footer__btn{margin:0 15px;height:30px;min-width:74px;padding:0 15px;color:white;background-color:#FA901C;border:none;border-radius:4px;outline:none;box-sizing:border-box;font-size:14px;cursor:pointer;transition:background-color linear .2s, color linear .1s}.login .footer .footer__btn:hover:not(.footer__btn--disabled){background-color:#fba649}.login .footer .footer__btn--light{background-color:white;border:1px solid #DEDEDE;color:#333}.login .footer .footer__btn.footer__btn--light:hover:not(.footer__btn--disabled){background-color:white;border-color:#fdc88e;color:#FA901C}.login .footer .footer__btn--disabled{opacity:.6;cursor:default}.login .nz-dialog .el-dialog__body{padding-bottom:0}.login .verify-link{font-family:Roboto-Black;font-size:14px;color:#3C92F1;letter-spacing:0;line-height:20px;font-weight:400;cursor:pointer}.login .verify-link:hover{border-bottom:1px solid  #3C92F1}.login .circle{display:inline-block;width:6px;height:6px;border-radius:50%;background:#CECECE;margin-right:10px}

nezha-fronted/src/assets/css/components/common/login.scss

@@ -20,7 +20,7 @@
     z-index: 2;
     background: rgba(106,106,106,0.5);
     border-radius: 8px;
-    padding: 55px 50px 0 50px;
+    padding: 40px 50px 20px 50px;
   }
   .login-box {
     z-index: 2;

nezha-fronted/src/assets/css/components/layout/leftMenu.scss

@@ -85,16 +85,12 @@
         display: flex;
         box-sizing: border-box;
         
-        img {
-          box-shadow: 0 0 2px 0 rgba(0,0,0,0.50);
-        }
-
         .system-name {
           padding-left: 5px;
           color: white;
           font-size: 12px;
           letter-spacing: 0;
-          line-height: 34px;
+          line-height: 28px;
           font-weight: 400;
         }
       }

nezha-fronted/src/components/common/login.vue

@@ -2,7 +2,7 @@
   <div class="login" id="login-bgimg">
     <div class="model"></div>
     <div class="login-main">
-      <div class="logo"><img src="../../assets/img/logo-big.png"></div>
+      <div class="logo"><img src="../../assets/img/logo带文字深色模式.png"></div>
       <div class='login-box'>
         <div class="login-label"></div>
         <div class="login-input" v-if="!verifyShow">

nezha-fronted/src/components/layout/leftMenu.vue

@@ -3,7 +3,7 @@
     <el-menu :collapse="isShrink" active-text-color="#ffffff" class="header-logo" text-color="#ffffff">
       <el-menu-item index="logo">
         <div id="home-to-overview" class="logo link">
-          <img alt="loading..." height="26" :src="logo?logo:require('../../assets/img/logo1-2.png')"/>
+          <img alt="loading..." height="26" :src="logo?logo:require('../../assets/img/logo.png')"/>
           <span class="system-name">{{systemName && systemName !== 'undefined' ? systemName : $t('dashboard.overview.contentTitle')}}</span>
         </div>
       </el-menu-item>