优化

src/App.vue

@@ -80,11 +80,13 @@ export default {
 @import './assets/scss/base/_base.scss';
 @import './assets/scss/module/_module.scss';
 .home-bg {
-  background: #172636 !important;
+//   background: #172636 !important;
+  background: #dedede !important;
   border: none !important;
   // height: 100px;
   .nav-link {
-    color: #fff;
+    // color: #fff;
+    color:#172636;
     @include fs(14);
   }
 

src/assets/scss/layout/_header.css

@@ -0,0 +1,308 @@
+@keyframes pulse {
+  0% {
+    opacity: 1;
+    width: 7px;
+    height: 7px;
+    left: 0;
+    top: 0;
+  }
+  95% {
+    opacity: 0.1;
+    left: -10.5px;
+    top: -10.5px;
+    width: 28px;
+    height: 28px;
+  }
+  100% {
+    opacity: 0;
+    width: 7px;
+    height: 7px;
+    left: 0;
+    top: 0;
+  }
+}
+
+@keyframes slideIn {
+  0% {
+    transform: translateY(1rem);
+    opacity: 0;
+  }
+  100% {
+    transform: translateY(0rem);
+    opacity: 1;
+  }
+  0% {
+    transform: translateY(1rem);
+    opacity: 0;
+  }
+}
+
+#common-header {
+  background: #dedede !important;
+  color: #172636;
+}
+
+header nav a {
+  color: inherit;
+}
+
+header nav a:hover {
+  color: #c99445;
+}
+
+header .navbar-brand {
+  padding: 0;
+}
+
+header .navbar-brand img {
+  height: 45px;
+}
+
+.navbar-expand-lg .navbar-nav .nav-link {
+  padding-right: 1rem;
+  padding-left: 1rem;
+}
+
+header nav .nav-item.active a {
+  color: #c99445;
+}
+
+header .nav-link.btn {
+  padding: 5px 0;
+}
+
+.circle-pulse {
+  background: #0089ff;
+  width: 7px;
+  height: 7px;
+  border-radius: 50%;
+  position: absolute;
+  right: 12px;
+  top: 12px;
+}
+
+.circle-pulse:after {
+  background-color: #0089ff;
+  content: "";
+  display: table;
+  border-radius: 50%;
+  position: absolute;
+  animation-name: pulse;
+  animation-duration: 0.9s;
+  animation-iteration-count: infinite;
+  animation-timing-function: ease-out;
+}
+
+.header-custom-icon .nav-link {
+  line-height: 0;
+  margin-top: 6px;
+}
+
+.dropdown-item {
+  color: #18214d;
+  font-size: 14px;
+}
+
+.dropdown-item:focus,
+.dropdown-item:active {
+  background-color: #f8f9fa;
+  color: #16181b;
+}
+
+.header-img-icon .nav-link.dropdown-toggle {
+  padding-right: 0;
+}
+
+.header-custom-icon a:after,
+.header-img-icon a:after {
+  display: none;
+}
+
+.header-custom-icon .dropdown-menu,
+.header-img-icon .dropdown-menu {
+  padding: 0;
+  margin-top: 8px;
+}
+
+.dropdown-menu {
+  max-width: 280px;
+  position: absolute;
+  right: 0;
+  left: auto;
+  border-radius: 5px;
+  margin-top: 12px;
+  border: 1px solid #f2f4f9;
+  box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 14px -6px;
+  animation-duration: 0.3s;
+  animation-fill-mode: both;
+  animation-name: slideIn;
+}
+
+.dropdown-menu::before {
+  content: "";
+  width: 13px;
+  height: 13px;
+  background: #fff;
+  position: absolute;
+  top: -8px;
+  right: 5%;
+  transform: rotate(45deg);
+  border-top: 1px solid #f2f4f9;
+  border-left: 1px solid #f2f4f9;
+  z-index: -1;
+}
+
+.dropdown-menu p {
+  color: #18214d;
+  font-weight: 600;
+}
+
+.dropdown-menu a:hover {
+  text-decoration: none;
+}
+
+.dropdown-menu a.text-muted:hover {
+  color: #007bff !important;
+}
+
+.header-img-icon .nav-link img {
+  width: 30px;
+}
+
+.header-custom-icon i {
+  font-size: 20px;
+  color: #758696;
+}
+
+.dropdown-header {
+  padding: 12px 20px;
+  font-size: 13px;
+  border-bottom: 1px solid #f2f4f9;
+}
+
+.dropdown-body {
+  padding: 5px;
+  max-height: 290px;
+  position: relative;
+  overflow-y: auto;
+}
+
+.dropdown-body .dropdown-item {
+  display: flex;
+  align-items: center;
+  padding: 9px 16px;
+}
+
+.dropdown-body .dropdown-item .content {
+  margin-left: 15px;
+  width: 200px;
+  white-space: normal;
+}
+
+.dropdown-item .icon {
+  width: 30px;
+  height: 30px;
+  border-radius: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: #f7f7f7;
+}
+
+.dropdown-body .dropdown-item .content p {
+  margin: 0;
+  font-size: 13px;
+  font-weight: 400;
+}
+
+.dropdown-body .dropdown-item .content p.sub-text {
+  font-size: 12px;
+}
+
+.dropdown-footer {
+  padding: 10px 20px;
+  border-top: 1px solid #f2f4f9;
+  font-size: 14px;
+}
+
+.dropdown-item:nth-child(1) .icon {
+  background: rgba(114, 124, 245, 0.1);
+}
+
+.dropdown-item:nth-child(1) .icon i {
+  color: #727cf5;
+}
+
+.dropdown-item:nth-child(2) .icon {
+  background: rgba(255, 51, 102, 0.1);
+}
+
+.dropdown-item:nth-child(2) .icon i {
+  color: #ff5680;
+}
+
+.dropdown-item:nth-child(3) .icon {
+  background: rgba(102, 209, 209, 0.1);
+}
+
+.dropdown-item:nth-child(3) .icon i {
+  color: #66d1d1;
+}
+
+.dropdown-item:nth-child(4) .icon {
+  background: rgba(251, 188, 6, 0.1);
+}
+
+.dropdown-item:nth-child(4) .icon i {
+  color: #fbbc06;
+}
+
+.dropdown-item:nth-child(5) .icon {
+  background: rgba(16, 183, 89, 0.1);
+}
+
+.dropdown-item:nth-child(5) .icon i {
+  color: #10b759;
+}
+
+.header-img-icon .dropdown-header {
+  padding: 0px 20px;
+}
+
+.header-img-icon .profile-nav .nav-item .nav-link {
+  font-size: 14px;
+  padding: 5px 20px;
+}
+
+.header-img-icon .profile-nav {
+  padding-bottom: 11px;
+}
+
+.header-img-icon .profile-nav .nav-item .nav-link:hover {
+  color: #18214d;
+  background-color: #f8f9fa;
+}
+
+.header-img-icon .profile-nav .nav-item .nav-link.red {
+  color: #f74745;
+}
+
+.header-img-icon .profile-nav .nav-item .nav-link.red:hover {
+  color: #f74745 !important;
+}
+
+.header-img-icon .dropdown-body {
+  padding: 10px 0 0;
+}
+
+.header-img-icon .dropdown-header .name {
+  font-size: 16px;
+}
+
+.header-img-icon .dropdown-header {
+  padding: 20px 20px 0;
+}
+
+.header-img-icon .profile-nav .nav-item .nav-link i {
+  margin-right: 15px;
+}

src/assets/scss/layout/_header.min.css

@@ -0,0 +1 @@
+@keyframes pulse{0%{opacity:1;width:7px;height:7px;left:0;top:0}95%{opacity:0.1;left:-10.5px;top:-10.5px;width:28px;height:28px}100%{opacity:0;width:7px;height:7px;left:0;top:0}}@keyframes slideIn{0%{transform:translateY(1rem);opacity:0}100%{transform:translateY(0rem);opacity:1}0%{transform:translateY(1rem);opacity:0}}#common-header{background:#dedede !important;color:#172636}header nav a{color:inherit}header nav a:hover{color:#c99445}header .navbar-brand{padding:0}header .navbar-brand img{height:45px}.navbar-expand-lg .navbar-nav .nav-link{padding-right:1rem;padding-left:1rem}header nav .nav-item.active a{color:#c99445}header .nav-link.btn{padding:5px 0}.circle-pulse{background:#0089ff;width:7px;height:7px;border-radius:50%;position:absolute;right:12px;top:12px}.circle-pulse:after{background-color:#0089ff;content:"";display:table;border-radius:50%;position:absolute;animation-name:pulse;animation-duration:0.9s;animation-iteration-count:infinite;animation-timing-function:ease-out}.header-custom-icon .nav-link{line-height:0;margin-top:6px}.dropdown-item{color:#18214d;font-size:14px}.dropdown-item:focus,.dropdown-item:active{background-color:#f8f9fa;color:#16181b}.header-img-icon .nav-link.dropdown-toggle{padding-right:0}.header-custom-icon a:after,.header-img-icon a:after{display:none}.header-custom-icon .dropdown-menu,.header-img-icon .dropdown-menu{padding:0;margin-top:8px}.dropdown-menu{max-width:280px;position:absolute;right:0;left:auto;border-radius:5px;margin-top:12px;border:1px solid #f2f4f9;box-shadow:rgba(0,0,0,0.2) 0px 2px 14px -6px;animation-duration:0.3s;animation-fill-mode:both;animation-name:slideIn}.dropdown-menu::before{content:"";width:13px;height:13px;background:#fff;position:absolute;top:-8px;right:5%;transform:rotate(45deg);border-top:1px solid #f2f4f9;border-left:1px solid #f2f4f9;z-index:-1}.dropdown-menu p{color:#18214d;font-weight:600}.dropdown-menu a:hover{text-decoration:none}.dropdown-menu a.text-muted:hover{color:#007bff !important}.header-img-icon .nav-link img{width:30px}.header-custom-icon i{font-size:20px;color:#758696}.dropdown-header{padding:12px 20px;font-size:13px;border-bottom:1px solid #f2f4f9}.dropdown-body{padding:5px;max-height:290px;position:relative;overflow-y:auto}.dropdown-body .dropdown-item{display:flex;align-items:center;padding:9px 16px}.dropdown-body .dropdown-item .content{margin-left:15px;width:200px;white-space:normal}.dropdown-item .icon{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#f7f7f7}.dropdown-body .dropdown-item .content p{margin:0;font-size:13px;font-weight:400}.dropdown-body .dropdown-item .content p.sub-text{font-size:12px}.dropdown-footer{padding:10px 20px;border-top:1px solid #f2f4f9;font-size:14px}.dropdown-item:nth-child(1) .icon{background:rgba(114,124,245,0.1)}.dropdown-item:nth-child(1) .icon i{color:#727cf5}.dropdown-item:nth-child(2) .icon{background:rgba(255,51,102,0.1)}.dropdown-item:nth-child(2) .icon i{color:#ff5680}.dropdown-item:nth-child(3) .icon{background:rgba(102,209,209,0.1)}.dropdown-item:nth-child(3) .icon i{color:#66d1d1}.dropdown-item:nth-child(4) .icon{background:rgba(251,188,6,0.1)}.dropdown-item:nth-child(4) .icon i{color:#fbbc06}.dropdown-item:nth-child(5) .icon{background:rgba(16,183,89,0.1)}.dropdown-item:nth-child(5) .icon i{color:#10b759}.header-img-icon .dropdown-header{padding:0px 20px}.header-img-icon .profile-nav .nav-item .nav-link{font-size:14px;padding:5px 20px}.header-img-icon .profile-nav{padding-bottom:11px}.header-img-icon .profile-nav .nav-item .nav-link:hover{color:#18214d;background-color:#f8f9fa}.header-img-icon .profile-nav .nav-item .nav-link.red{color:#f74745}.header-img-icon .profile-nav .nav-item .nav-link.red:hover{color:#f74745 !important}.header-img-icon .dropdown-body{padding:10px 0 0}.header-img-icon .dropdown-header .name{font-size:16px}.header-img-icon .dropdown-header{padding:20px 20px 0}.header-img-icon .profile-nav .nav-item .nav-link i{margin-right:15px}

src/assets/scss/layout/_header.scss

@@ -37,8 +37,10 @@
   }
 }
 #common-header{
-  background: #172636;
+//   background: #172636;
-  color: white;
+    background: #dedede !important;
+    // color: white;
+    color:#172636;
 }
 header nav a {
    

src/assets/scss/module/_contract.scss

@@ -104,7 +104,8 @@
     $panel:#222e3d;
     $panel-1: #455c71;
     $border: #2a2e39;
-    $color: #c0c4cc;
+    // $color: #c0c4cc;
+    $color: #172636;
 
     background: $page-bg;
     color: $color;

src/i18n/cn.json

@@ -1048,7 +1048,7 @@
         "TopEncryptionRiskManagement": "顶级加密风控管理",
         "EscortYourPropertySafety": "为您的财产安全保驾护航",
         "BuyCoins": "买币",
-        "ProvidedByTheExperimentalCenter": "由NHACoin实验中心提供",
+        "ProvidedByTheExperimentalCenter": "由CINSCoin实验中心提供",
         "StartCurrencyTradingNow": "立刻开始货币交易",
         "ScanTheQRCodeBelowToDownload": "扫描下方二维码下载",
         "AndroidScanCodeDownload": "Android扫码下载",

src/index.html

@@ -21,7 +21,7 @@
         for (var i = 0; i < mobileAgent.length; i++) {
             if (browser.indexOf(mobileAgent[i]) != -1) {
                 //todo 手机版跳转
-                window.location.href = 'https://h5.nhacoin.com';
+                window.location.href = 'https://h5.cinscoin.com';
                 break;
             }
         }
@@ -68,7 +68,7 @@
     <script src="/static/libs/jquery.mCustomScrollbar.js"></script>
     <script src="/static/js/custom.js"></script>
     <script src="/static/libs/skroll.min.js"></script>
-    <script src="https://www.nhacoin.com/newlink/pako.min.js"></script>
+    <script src="https://www.cinscoin.com/newlink/pako.min.js"></script>
     <script>
         window.custom = "light"; // 默认主题
         window.api_path = "<%= htmlWebpackPlugin.options.isProduct ? 'https://se.cinscoin.com/api/sliderVerify' : 'https://se.cinscoin.com/api/sliderVerify' %>";

src/utils/consts.js

@@ -15,7 +15,7 @@ export default {
                     FAIL : 2,
                 }
             },
-            mobileUrl:'https://h5.nhacoin.com',
+            mobileUrl:'https://h5.cinscoin.com',
             Server: {
                 Path: {
                     // API: isProduct ? `http://qkladmin2.ruanmeng.top/api/` : `/api/`,

src/views/home/index.vue

@@ -9,7 +9,7 @@
         </el-carousel> -->
         <img src="../../assets/img/index_banner.png" alt="" class="index_banner">
         <div class="banner_right">
-          <p class="banner_right_p">{{ $t("addinfo.BuyCoins") }} NHACoin </p>
+          <p class="banner_right_p">{{ $t("addinfo.BuyCoins") }} CINSCoin </p>
 <!--          <input type="text" :placeholder="$t('login.pleaseEmail')" class="banner_right_input">-->
 <!--          <div class="banner_right_code">-->
 <!--            <input type="text" :placeholder="$t('setting.enterCode')" class="banner_right_input">-->
@@ -394,7 +394,7 @@
         >
           <div class="colto-content">
             <!-- <div class="title">{{ $t("common.start-trade") }}</div> -->
-            <div class="title">{{ $t("addinfo.UseNow") }} NHACoin</div>
+            <div class="title">{{ $t("addinfo.UseNow") }} CINSCoin</div>
           </div>
           <div class="colto-btn-group" v-if="!isLogin">
             <router-link tag="button" to="/sign-in" class="btn btn-success rounded-pill callto-btn container_button">{{