修改黑白页面、首页布局

config/index.js

@@ -24,7 +24,7 @@ module.exports = {
             '/api': {
                 // target: 'http://qkladmin2.ruanmeng.top/',
                 // target: 'https://guanli.coin.amatak.net/',
-                target: 'https://seee.bigtchain.com/',
+                target: 'https://seee.coinprx.com/',
                 changeOrigin: true,
                 // pathRewrite: {
                 //     // 请求时 将api替换成实际的apis等

src/App.vue

@@ -23,7 +23,7 @@ export default {
       return this.$route.path == "/home";
     },
     ...mapState({
-      theme: "theme",
+      // theme: "theme",
       appConfig: "appConfig"
     }),
 
@@ -32,7 +32,8 @@ export default {
       // 需要切换主题的页面
       let paths = ["option", "exchange","contract"];
       if (paths.includes(current)) {
-        return this.theme + "-app";
+        return "dark-app";
+        // return this.theme=='light'?"dark-app":'light-app';
       } else {
         return "";
       }

src/api/server/index.js

@@ -59,7 +59,7 @@ Object.assign(settings, {
     // api请求根地址 打包使用完整地址 调试使用本地服务器代理 避免跨域
     // baseURL: process.env.NODE_ENV == 'production' ? 'http://qkladmin2.ruanmeng.top/api/' : '/api/',
     // baseURL: process.env.NODE_ENV == 'production' ? 'https://guanli.coin.amatak.net/api/' : '/api/',
-    baseURL: process.env.NODE_ENV == 'production' ? 'https://seee.bigtchain.com/api/' : '/api/',
+    baseURL: process.env.NODE_ENV == 'production' ? 'https://seee.coinprx.com/api/' : 'https://seee.coinprx.com/api/',
     // baseURL: 'https://aaccdd.kixcoin.org/api/' ,
     // baseURL: 'https://guanli.coin.amatak.net/api/',
     // baseURL: 'https://api.hipc.world/',
@@ -92,8 +92,9 @@ let loading = null;
 
 // request拦截器
 server.interceptors.request.use(
-
     config => {
+		let token = localStorage.getItem("token");
+		config.headers["authorization"] = `bearer ${token}`
         // 剔除部分高频接口 主要是交易时的后台操作
         if (!exclude.find(item => config.url.includes(item))) {
             if (!config.config || config.config.loading) {

src/assets/js/tvStyle.js

@@ -4,16 +4,28 @@ let light={
         // "paneProperties.horzGridProperties.color": "#dcdee0",
         // "scalesProperties.backgroundColor": "#ffffff",
         // "scalesProperties.textColor" : "#333"
-    }
 		
-let dark = {
 		"paneProperties.background": "#222e3d",
-    // "paneProperties.vertGridProperties.color": "#646566",
-    // "paneProperties.horzGridProperties.color": "#646566",
-	"paneProperties.vertGridProperties.color": "#222e3d",
-	"paneProperties.horzGridProperties.color": "#222e3d",
+		"paneProperties.vertGridProperties.color": "#646566",
+		"paneProperties.horzGridProperties.color": "#646566",
 		"scalesProperties.backgroundColor": "#222e3d",
-    "scalesProperties.textColor" : "#7b9ca7"
+		"scalesProperties.textColor" : "#7b9ca7",
+    }
+
+let dark = {
+ //    "paneProperties.background": "#222e3d",
+ //    // "paneProperties.vertGridProperties.color": "#646566",
+ //    // "paneProperties.horzGridProperties.color": "#646566",
+	// "paneProperties.vertGridProperties.color": "#222e3d",
+	// "paneProperties.horzGridProperties.color": "#222e3d",
+ //    "scalesProperties.backgroundColor": "#222e3d",
+ //    "scalesProperties.textColor" : "#7b9ca7"
+ 
+	"paneProperties.background": "#ffffff",
+	"paneProperties.vertGridProperties.color": "#dcdee0",
+	"paneProperties.horzGridProperties.color": "#dcdee0",
+	"scalesProperties.backgroundColor": "#ffffff",
+	"scalesProperties.textColor" : "#333",
 }
 
 

src/assets/scss/theme/_dark.scss

@@ -1,10 +1,11 @@
 #dark,
 #dark header {
-  background: #131722;
+  // background: #131722;
+  background: #fff !important;
 }
 
 #dark header nav a {
-  color: #ffffff;
+  color: #000;
 }
 
 #dark header nav a:hover {
@@ -12,7 +13,7 @@
 }
 
 #dark header nav a.btn:hover {
-  color: #ffffff;
+  color: #000;
 }
 
 #dark header nav .nav-item.active a {
@@ -20,36 +21,44 @@
 }
 
 #dark .market-pairs {
-  border: 1px solid #2a2e39;
-  background: #131722;
+  // border: 1px solid #2a2e39;
+  // background: #131722;
+  border: 1px solid #e0e3eb;
+  background: #fff;
 }
 
-#dark tr {
-  background: #131722;
-}
+// #dark tr {
+//   // background: #131722;
+//   background: #fff;
+// }
 
 #dark .market-pairs .table td,
 #dark .market-pairs .table th {
-  border-top: 1px solid #2a2e39;
+  // border-top: 1px solid #2a2e39;
+  border-top: 1px solid #f0f3fa;
 }
 
 #dark .market-history .table td,
 #dark .market-history .table th {
-  border-top: 1px solid #2a2e39;
+  // border-top: 1px solid #2a2e39;
+  border-top: 1px solid #f0f3fa;
 }
 
 #dark .order-book thead tr {
-  border-bottom: 1px solid #2a2e39;
+  // border-bottom: 1px solid #2a2e39;
+  border-bottom: 1px solid #e0e3eb !important;
 }
 
 #dark .order-book,
 #dark .market-history,
 #dark .market-news {
-  border: 1px solid #2a2e39;
+  // border: 1px solid #2a2e39;
+  border: 1px solid #e0e3eb !important;
 }
 
 #dark tbody tr:hover {
-  background: #2a2e39;
+  // background: #2a2e39;
+  background: #f8f8ff;
 }
 
 #dark .form-control::-webkit-input-placeholder {
@@ -73,7 +82,8 @@
 }
 
 #dark tbody tr {
-  color: #ffffff;
+  // color: #ffffff;
+  color: #797979;
 }
 
 #dark thead th,
@@ -95,52 +105,71 @@
 }
 
 #dark .market-pairs .nav {
-  background: #1c2030;
+  // background: #1c2030;
+  background: #f5f9fc;
 }
 
 #dark .market-pairs input,
 #dark .market-pairs span {
-  border-color: #2a2e39;
-  background: #2a2e39;
+  border-color: #2a2e39 !important;
+  background: #ffffff;
+  // background: #2a2e39;
 }
 
 #dark .market-pairs input {
-  color: #ffffff;
+  color: #000;
 }
 
 #dark .heading {
-  background: #1c2030;
-  color: #ffffff;
+  // background: #1c2030;
+  background: #f5f9fc;
+  color: #000;
 }
 
 #dark .ob-heading tr {
-  border-top: 1px solid #2a2e39 !important;
-  border-bottom: 1px solid #2a2e39 !important;
+  // border-top: 1px solid #2a2e39 !important;
+  // border-bottom: 1px solid #2a2e39 !important;
+  border-top: 1px solid #ccc !important;
+  border-bottom: 1px solid #ccc !important;
+  background-color: #fff;
 }
 
 #dark .ob-heading tr:hover {
-  background: #131722;
+  // background: #131722;
+  background: #f1f3f6;
   cursor: default;
 }
 
+#dark .order-book .table tr:hover{
+	background: #fff;
+}
+
 #dark .ob-heading span {
   color: #4f5966;
 }
 
 #dark .dropdown-menu {
-  background: #131722;
-  box-shadow: 0 0 10px 0 #131722;
-  border: 1px solid #2a2e39;
+  color: #000;
+  background: #fff;
+  box-shadow: 0 0 10px 0 #00000033;
+  border: 1px solid #d1d1d1;
+}
+#dark .nav-item_icon:hover{
+	color: #66e2da;
+}
+#dark .dropdown-item{
+	color: #000;
 }
 
 #dark .dropdown-item:focus,
 #dark .dropdown-item:hover {
-  background-color: #2a2e39;
-  color: #ffffff;
+  background-color: #f8f9fa;
+  color: #66e2da;
 }
 
 #dark .market-history .nav {
-  background: #1c2030;
+  // background: #1c2030;
+  background: #f5f9fc;
 }
 
 #dark .market-history .nav-link.active {
@@ -180,17 +209,22 @@
 }
 
 #dark .market-order {
-  background: #131722;
+  // background: #131722;
+  background: #ffffff;
+  border: 1px solid #e0e3eb;
 }
 
 #dark .no-data i,
 #dark .no-data {
-  color: #2a2e39;
+  // color: #2a2e39;
+  color: #dce1e5;
 }
 
 #dark .market-trade {
-  border: 1px solid #2a2e39;
-  background: #131722;
+  // border: 1px solid #2a2e39;
+  // background: #131722;
+  border: 1px solid #e0e3eb;
+  background: #ffffff;
 }
 
 #dark .market-trade .nav .nav-item .nav-link.active {
@@ -207,20 +241,28 @@
 }
 
 #dark .market-trade-list li a {
-  background: #2a2e39;
-  color: #ffffff;
+  // background: #2a2e39;
+  // color: #ffffff;
+  background: #eff2f6;
+  color: #4a4a4a;
 }
 
 #dark .market-trade input {
-  border: 1px solid #2a2e39;
-  background: #2a2e39;
-  color: #ffffff;
+  // border: 1px solid #2a2e39;
+  // background: #2a2e39;
+  // color: #ffffff;
+  border: 1px solid #e0e3eb;
+  background: #fff;
+  color: #4a4a4a;
 }
 
 #dark .market-trade .input-group-text {
-  background: #2a2e39;
-  color: #ffffff;
-  border-color: #2a2e39;
+  // background: #2a2e39;
+  // color: #ffffff;
+  // border-color: #2a2e39;
+  background: #eff2f6;
+  color: #000;
+  border-color: #e0e3eb;
 }
 
 #dark .market-trade-buy .market-trade-list li a:hover {
@@ -243,18 +285,22 @@
 
 #dark .table td,
 #dark table th {
-  border-top: 1px solid #2a2e39;
+  // border-top: 1px solid #2a2e39;
+  // border-top: 1px solid #e0e3eb;
 }
 
 #dark .markets-pair-list .nav {
-  background: #1c2030;
+  // background: #1c2030;
+  background: #fff;
 }
 
 #dark .markets-pair-list .nav-link.active,
 #dark #STAR i {
   color: #ffffff;
 }
-
+#dark .markets-pair-list .nav-link.active{
+	color: #007bff;
+}
 #dark thead th,
 #dark .markets-pair-list .nav-link {
   color: #4f5966;
@@ -281,7 +327,8 @@
 }
 
 #dark .market-trade-sell {
-  border-left: 1px solid #2a2e39;
+  // border-left: 1px solid #2a2e39;
+  border-left: 1px solid #e0e3eb;
 }
 
 #dark .markets-container {
@@ -305,56 +352,75 @@
 }
 
 #dark .dropdown-menu::before {
-  background: #131722;
-  border-top: 1px solid #2a2e39;
-  border-left: 1px solid #2a2e39;
+  // background: #131722;
+  background: #fff;
+  border-top: 1px solid #d1d1d1;
+  border-left: 1px solid #d1d1d1;
 }
 
 #dark .dropdown-menu p {
-  color: #ffffff;
+  color: #000;
 }
 
 #dark .dropdown-header {
-  border-bottom: 1px solid #2a2e39;
+  border-bottom: 1px solid #f2f4f9;
 }
 
 #dark .dropdown-footer {
-  border-top: 1px solid #2a2e39;
+  border-top: 1px solid #f2f4f9;
 }
 
 #dark .header-img-icon .profile-nav .nav-item .nav-link:hover {
-  background-color: #2a2e39;
-  color: #ffffff;
+  // background-color: #2a2e39;
+  // color: #ffffff;
+  background-color: #f8f9fa;
+  color: #000;
 }
 
 #dark .form-control,
 #dark .settings-profile select {
-  background-color: #2a2e39;
-  border: 1px solid #2a2e39;
-  color: #ffffff;
+  // background-color: #2a2e39;
+  background-color: #fff;
+  border: 1px solid #e0e3eb;
+  color: #000;
 }
 
 #dark .form-access form {
   padding: 30px;
   border-radius: 5px;
   min-width: 350px;
-  box-shadow: 0 0 10px 0 #131722;
+  box-shadow: 0 0 10px 0 #00000033;
   border: 1px solid #2a2e39;
 }
+#dark .el-input__inner{
+	background-color: #fff;
+	border: 1px solid #e0e3eb;
+	color: #000;
+}
+
+#dark a:hover, a:focus{
+	color: #007bff;
+}
+#dark .bg-panel{
+	background-color: #e9e9e9;
+}
 
 #dark .form-access h2,
 #dark .form-access {
-  color: #ffffff;
+  // color: #ffffff;
+  color: #000;
 }
 
 #dark .form-access .custom-control-label::before {
   border: #2a2e39 solid 1px;
-  background-color: #2a2e39;
+  // background-color: #2a2e39;
+  background-color: #fff;
 }
 
 #dark .error-page a {
   border: 1px solid #2a2e39;
-  color: #ffffff;
+  // color: #ffffff;
+  color: #000;
 }
 
 #dark .error-page a:hover {
@@ -455,7 +521,7 @@
 }
 
 #dark .settings label {
-  color: #fff;
+  color: #000;
 }
 
 #dark .settings .custom-file-label {
@@ -467,3 +533,234 @@
 #dark .settings-profile input[type="submit"] {
   border: 1px solid #007bff;
 }
+
+#dark .btn-primary2{
+	color: #000;
+}
+#dark .footer .footer-upper-section{
+	background-color: #fff;
+}
+
+// 首页
+#dark .marquee{
+	background-color: #fff;
+}
+#dark .marquee li.item{
+	color: #000;
+}
+#dark #dowebok{
+	background-color: #fff !important;
+}
+#dark .num-info .num-info-count .num{
+	color: #000;
+}
+#dark .box1{
+	color: #000;
+}
+#dark .market_table .market_table_box{
+	color: #000;
+}
+#dark .market_table .market_tr{
+	color: #000;
+}
+#dark .ProductsandServices{
+	background-color: #fff;
+}
+#dark .box1 .box1_text .quickopening_box{
+	background-color: rgba(1,188,141,0.04);
+}
+#dark .title3{
+	color: #000;
+}
+#dark .web_area .product{
+	box-shadow: 0 2px 8px 0 rgba(197, 197, 197, 1.0);
+}
+#dark .web_area .product .product_text1{
+	color: #000;
+}
+#dark .footer .footer-bottom{
+	background-color: #fff;
+	border-top: 1px solid #f1f1f1;
+}
+#dark .text_size{
+	color: #000;
+}
+#dark .Tradinganytime{
+	color: #000;
+}
+#dark .title1{
+	color: #000;
+}
+#dark .Serve_bot_box1{
+	background-color: #F1f1f1;
+}
+#dark .home-box6 .box6 .box6_txt{
+	color: #000;
+}
+#dark .market_box .title .name{
+	color: #000;
+}
+
+// 合约&币币
+#dark .el-select-dropdown__item{
+	color: #000;
+}
+#dark .contract-page .page-top .kline-box .coin-change .el-button{
+	color: #000;
+	background-color: #F1f1f1;
+}
+#dark .ob-heading{
+	border: 1px solid #fff;
+}
+#dark .highlight{
+	background: #F8F8FF !important;
+}
+#dark .tab-content{
+	background-color: #ffffff;
+}
+#dark .market-trade .nav {
+	background-color: #ffffff;
+}
+#dark .exchange-history .nav{
+	background-color: #f5f9fc;
+}
+#dark .container-fluid .nav-item .nav-link{
+	color: #c0c4cc;
+}
+#dark .contract-page{
+	background-color: #e0e3eb;
+}
+#dark .handicap-body{
+	background-color: #fff;
+	color: #000;
+}
+#dark .contract-page .bg-plain{
+	background-color: #fff !important;
+	color: #000;
+}
+#dark .btn-success{
+	color: #fff;
+}
+#dark .markets-pair-list .nav-link.active::after{
+	background-color: #007bff;
+}
+#dark .input-group-text{
+	border-color: #e0e3eb;
+}
+#dark .table tr:hover{
+	background-color: #fff !important;
+}
+#dark .table td{
+	border-top-color: #4e4e5d;
+}
+#dark .el-popover{
+	color: #000;
+	background-color: #fff;
+}
+
+// 资产
+#dark .SecondaryNav{
+	background-color: #e9e9e9;
+}
+#dark .form-control1{
+	color: #000 !important;
+}
+#dark .SecondaryNavUl .SecondaryNavList a{
+	color: #000;
+}
+#dark .contact-us-page{
+	color: #000;
+}
+#dark .contact-us-page .form-content{
+	background:#cfd6df;
+}
+#dark .SecondaryNavUl .SecondaryNavList .SecondaryNavActive::after{
+	background: #000;
+}
+#dark .container{
+	color: #000;
+}
+#dark .wallet-page .tab-pane .table tbody tr{
+	background: #e9e9e9;
+}
+#dark .wallet-page .tab-pane .table thead tr{
+	background: #e9e9e9;
+}
+#dark .modal-content .close{
+	color: #000;
+}
+#dark .modal-content{
+	color: #000;
+	background: #e9e9e9;
+}
+#dark .stripe tr:nth-of-type(2n-1){
+	background: #e9e9e9;
+}
+#dark .stripe tr:nth-of-type(2n){
+	background: #e9e9e9;
+}
+#dark .stripe td{
+	border-top-color: transparent;
+}
+#dark .el-message-box__wrapper .el-message-box{
+	background-color: #e9e9e9;
+}
+#dark .form-group #recipient-adress{
+	color: #000;
+}
+#dark .el-select-dropdown{
+	background-color: #fff;
+}
+#dark .el-select-dropdown .el-select-dropdown__item{
+	background-color: #fff;
+	color: #000;
+}
+#dark .wallet-page .btn-outline-light{
+	color: #000;
+}
+#dark .container_box{
+	background-color: #e9e9e9;
+	color: #000;
+}
+#dark .input-control{
+	border: 0px;
+	background-color: #fff;
+}
+#dark .right_txt{
+	background-color: #fff;
+}
+#dark .banking_box{
+	background-color: #fff;
+	color: #000;
+}
+#dark .banking_box2_color{
+	color: #ccc;
+}
+#dark .v-box .v-box__container{
+	color: #000;
+	background: #fff;
+}
+#dark .panel-box{
+	background-color: #fff;
+}
+#dark .markets-pair-list .table tr:hover{
+	background-color: #eee !important;
+}
+#dark .market_box{
+	border: 1px solid rgba(29,29,29,.08);
+}
+#dark .custom-control-label a{
+	color: #007bff;
+}
+#dark .navbar-nav .nav-link{
+	color: #000;
+}
+#dark .navbar-nav .nav-link:hover{
+	color: #007bff;
+}
+#dark .edit-content ul p{
+	color: #000 !important;
+}
+#dark .dropdown_li .qr-code{
+	background-color: #fff;
+}

src/components/CommonHeader.vue

@@ -1,8 +1,30 @@
 <template>
-    <header id="common-header" :class="[`light-bb`, hook]">
+	<div>
+		<div :class="{navBarWrap : criticalPos}">
+			<div class="marquee" v-if="marketList[0]">
+				<div class="marquee-pargress d-flex">
+					<ul class="marquee-list d-flex" v-for="box in 3" :key="box+'box'">
+						<li class="item" v-for="item in marketList[0].marketInfoList" :key="item.coin_name + '' + box">
+							<div class="price-info d-flex" style="align-items: center;">
+								<img :src="item.coin_icon" style="width: 20px;height: 20px;" />
+								<div class="symbol" style="margin-right: 5px">
+									{{ item.coin_name }}
+								</div>
+								<div class="d-flex">
+									<span>${{ item.price||item.close }}</span>
+									<span
+										:class="item.increase >= 0 ? 'increace' : 'decreace'">({{ item.increaseStr }})</span>
+								</div>
+							</div>
+						</li>
+					</ul>
+				</div>
+			</div>
+			
+			<header id="common-header" :class="[`light-bb`, hook]" style="padding: 0px 30px;">
 				<nav class="navbar navbar-expand-lg">
 					<a class="navbar-brand" href="#/">
-                <img :src="appConfig.head_logo" alt="logo"/>
+						<img :src="appConfig.head_logo" alt="logo" style="width:150px;height:55px"/>
 						<!-- <img src="../assets/img/logo.png" alt="logo" style="width:102px;height:30px"/> -->
 						<!-- <span class="logo-text">
 						AMATAK
@@ -17,13 +39,21 @@
 						<ul class="navbar-nav mr-auto nav-bar" >
 		
 							<li class="nav-item" >
-                        <router-link class="nav-link" :to='home.url'>{{ home.label }}</router-link>
+								<router-link class="nav-link" :to='home.url'>
+									<img v-if="$route.path === home.url" src="@/assets/img/icon/Topredicon1.png" width="20" height="20" />
+									<img v-else src="@/assets/img/icon/Topicon1.png" width="20" height="20" />
+									{{ home.label }}
+								</router-link>
 							</li>
 							<!--                    <li class="nav-item" >-->
 							<!--                        <router-link class="nav-link" :to="otc.url">{{ otc.label }}</router-link>-->
 							<!--                    </li>-->
 							<li class="nav-item" >
-                        <router-link class="nav-link" :to="exchange.url" >{{ exchange.label }}</router-link>
+								<router-link class="nav-link" :to="exchange.url" >
+									<img v-if="'/'+$route.name === exchange.url" src="@/assets/img/icon/Topredicon2.png" width="20" height="20" />
+									<img v-else src="@/assets/img/icon/Topicon2.png" width="20" height="20" />
+									{{ exchange.label }}
+								</router-link>
 							</li>
 		
 		
@@ -35,7 +65,11 @@
 								<router-link class="nav-link" :to="market.url">{{ market.label }}</router-link>
 							</li>
 							<li class="nav-item">
-                        <router-link class="nav-link" :to="contract.url">{{ contract.label }}</router-link>
+								<router-link class="nav-link" :to="contract.url">
+									<img v-if="$route.path === contract.url" src="@/assets/img/icon/Topredicon3.png" width="20" height="20" />
+									<img v-else src="@/assets/img/icon/Topicon3.png" width="20" height="20" />
+									{{ contract.label }}
+								</router-link>
 							</li>
 							<!-- <li class="nav-item">
 								<router-link class="nav-link" :to="learn.url">{{ learn.label }}</router-link>
@@ -45,7 +79,11 @@
 							</li> -->
 		
 							<li class="nav-item">
-                        <router-link class="nav-link" :to="learn.url">{{ learn.label }}</router-link>
+								<router-link class="nav-link" :to="learn.url">
+									<img v-if="$route.path === learn.url" src="@/assets/img/icon/Topredicon5.png" width="20" height="20" />
+									<img v-else src="@/assets/img/icon/Topicon5.png" width="20" height="20" />
+									{{ learn.label }}
+								</router-link>
 							</li>
 							<!-- <li class="nav-item">
 								<a href="/newProduct" class="nav-link" target="_blank">{{ $t('common.newzone') }}</a>
@@ -58,7 +96,18 @@
 								<router-link class="nav-link" :to="college.url">{{college.label}}</router-link>
 							</li> -->
 							<li class="nav-item">
-                        <router-link class="nav-link" :to="contactUs.url">{{ contactUs.label }}</router-link>
+								<router-link class="nav-link" :to="contactUs.url">
+									<img v-if="$route.path === contactUs.url" src="@/assets/img/icon/Topredicon6.png" width="20" height="20" />
+									<img v-else src="@/assets/img/icon/Topicon6.png" width="20" height="20" />
+									{{ contactUs.label }}
+								</router-link>
+							</li>
+							<li class="nav-item">
+								<div class="nav-link" @click="handleNavClick(assetsExchange.url)" to="">
+									<img v-if="$route.path === assetsExchange.url" src="@/assets/img/icon/Topredicon4.png" width="20" height="20" />
+									<img v-else src="@/assets/img/icon/Topicon4.png" width="20" height="20" />
+									{{ assetsExchange.label }}
+								</div>
 							</li>
 							<!-- <li class="nav-item">
 								<router-link class="nav-link" :to="announcement.url">{{ announcement.label }}</router-link>
@@ -86,18 +135,19 @@
 							</div>
 				</li>-->
 						</ul>
-                <ul class="navbar-nav">
+						<ul class="navbar-nav" style="align-items: center;">
 		
 							<!-- <li class="nav-item header-custom-icon">
 								<a class="nav-link" href="#" id="clickFullscreen">
 									<i class="icon ion-md-expand"></i>
 								</a>
-                    </li>
-                    <li class="nav-item">
+							</li> -->
+							<li class="nav-item dropdown">
 								<a class="nav-link sight-sense" href="javascript:changeSightSense()">
-                        夜晚模式
+									<img width="25px" height="25px" v-if="theme == 'dark'" src="../assets/img/home/moon.png" />
+									<img width="25px" height="25px" v-if="theme == 'light'" src="../assets/img/home/sun.png" />
 								</a>
-                    </li> -->
+							</li>
 						<!-- <li class="nav-item dropdown" style="line-height: 37px;">
 								<img :src="langer" class="nav_img" mode="" style="max-width: 30px;" />
 							</li> -->
@@ -125,6 +175,15 @@
 									</div>
 								</div>
 							</li>
+							<li class="nav-item dropdown dropdown_li">
+							   <div class="download-icon">
+							        <img src="../assets/img/home/download.png" v-if="theme == 'light'" alt="" style="width: 24px;height: 24px;">
+							        <img src="../assets/img/home/download1.png" v-if="theme == 'dark'" alt="" style="width: 24px;height: 24px;">
+							    </div>
+							    <div class="qr-code">
+							        <img src="../assets/img/xus_qr.png" alt="">
+							    </div>
+							</li>
 		
 							<template v-if="isLogin">
 								<li class="nav-item dropdown">
@@ -195,11 +254,11 @@
 							<template v-else>
 								<li class="nav-item dropdown no-login" style="width:auto">
 									<router-link to="/sign-in" class="btn btn-primary2 btn-sm rounded-pill" href="#" tag="div"
-                                         role="button" style="margin:0 15px">{{ $t('common.sign_in') }}
+												role="button" style="margin:0 15px;font-weight: 600;">{{ $t('common.sign_in') }}
 									</router-link>
 									<router-link to="/sign-up"
 												class="btn btn-primary3 btn-sm rounded-pill" href="#"
-                                         tag="div" role="button" style="color:#fff;">{{ $t('common.sign_up') }}
+												tag="div" role="button" style="color:#fff;font-weight: 600;">{{ $t('common.sign_up') }}
 									</router-link>
 								</li>
 							</template>
@@ -210,6 +269,9 @@
 					</a> -->
 				</nav>
 			</header>
+		</div>
+		<div v-if="isHolder" class="holder"></div>
+	</div>
 </template>
 
 <script>
@@ -217,6 +279,8 @@ import Member from "@/api/member";
 import Profile from "@/api/profile";
 import College from "@/api/college";
 import { mapState } from "vuex";
+import Home from "@/api/home";
+import Socket from "@/api/server/Socket.js";
 
 export default {
   props: {
@@ -229,6 +293,10 @@ export default {
     return {
       isDark: false,
       setp: 0,
+	  marketList: [],
+	  criticalPos: false,
+	  isHolder: false,
+	  theme:localStorage.getItem("theme"),
       home: {
         label: this.$t("common.homepage"),
         url: "/home",
@@ -294,6 +362,10 @@ export default {
         label: this.$t("common.college"),
         url: "/college",
       },
+	  assetsExchange:{
+		label: this.$t("nav.assets"),
+		url: "/wallet/assets/exchange"
+	  },
       dashboard: [
         {
           icon: "ion-md-person",
@@ -457,7 +529,9 @@ export default {
     isHome() {
       return this.$route.path == "/";
     },
-
+	// theme(){
+	// 	return localStorage.theme;
+	// },
     isLogin() {
       return Boolean(localStorage.token);
     },
@@ -513,8 +587,36 @@ export default {
       appConfig: "appConfig",
     }),
   },
-
   methods: {
+	indexList() {
+		Home.indexList().then((res) => {
+			this.marketList = res.marketList;
+			// console.log(this.marketList);
+		  }).catch((res) => {});
+	},
+	indexMarketList() {
+		const ws = new Socket(this.Globals.Server.Path.WS);
+		ws.on("open", () => {
+		  this.ws = ws;
+		  ws.send({
+			cmd: "sub",
+			msg: "indexMarketList",
+		  });
+		});
+		ws.on("message", (res) => {
+		  //console.info(res)
+		  let { data, msg, code, sub, type, status } = res;
+		  if (sub == "indexMarketList") {
+			this.marketList = data;
+			// console.log(this.marketList);
+			// this.calculatePath()
+		  } else if (type == "ping") {
+			ws.send({
+			  cmd: "pong",
+			});
+		  }
+		});
+	},
     getCollegeLinks() {
       College.getCategoryList()
         .then((list) => {
@@ -572,8 +674,34 @@ export default {
         })
         .catch((res) => {});
     },
-  },
+	hideMenu() {
+	
+	    let scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop;
+	
+	    //当滚动超过50时，实现吸顶效果（导航高度为50）
+	    if (scrollTop > 50) {
+	
+	        this.criticalPos = true;
+	        this.isHolder = true;
+	
+	    } else {
+	        this.isHolder = false;
+	        this.criticalPos = false;
 	
+	    }
+	},
+	handleNavClick(url){
+		if(!this.isLogin){
+			this.$router.push('/sign-in')
+		}else{
+			this.$router.push(url)
+		}
+	}
+  },
+  mounted(){
+	this.indexMarketList();
+	window.addEventListener("scroll", _.throttle(this.hideMenu, 200)); //监听滚动事件
+  },
   created() {
     // console.info(this.$t("common"));
     var data = Date.parse(new Date());
@@ -582,6 +710,8 @@ export default {
       //   this.$router.push('/home')
     }
     this.getCollegeLinks();
+	this.indexList();
+	this.theme = localStorage.getItem("theme")||'light';
   },
 };
 </script>
@@ -624,7 +754,7 @@ color: #fff !important;
   .navbar-nav {
     .nav-link {
       color: #fff;
-
+	  font-weight: bold;
     }
   }
 
@@ -695,4 +825,76 @@ color: #fff !important;
   line-height: 50 rpx;
   text-align: right;
 }
+
+.marquee {
+	width: 100%;
+	// height: 60px;
+	// margin-bottom: 40px;
+	// background-image: url("../../assets/img/home/bg_1.png");
+	background-color: #000;
+	// background-size: 100% 100%;
+	// .marquee-pargress {
+	//   align-items: center;
+	//   width: 100%;
+	//   height: 60px;
+	//     background: ("../../assets/img/bg/5.png") no-repeat !important;
+	//   background-size: 100% 100%;
+	// }
+	.marquee-list{
+	  background: transparent;
+	}
+  
+	li.item {
+	  font-size: 15px;
+	  color: white;
+	  flex: 1;
+	  justify-content: space-around;
+	  align-items: center;
+	  margin: 0 100px;
+	  // padding: 10px 18px !important;
+	  .price-info {
+		justify-content: space-around;
+	  }
+	  .justify-content-between {
+		justify-content: space-around;
+		align-items: center;
+	  }
+	}
+  }
+  .holder {
+    width: 100%;
+    height: 118px;
+    background: #f5f9fc;
+  }
+  .navBarWrap {
+      position: fixed;
+      top: 0;
+      z-index: 999;
+      width: 100%;
+  }
+  .dropdown-download::after{
+    content: none;
+  }
+  
+	.qr-code {
+      opacity: 0;
+      position: absolute; /* 可选：如果需要浮动效果 */
+	  right: -65px;
+	  margin-top: 10px;
+	  padding: 10px;
+	  width: 150px;
+	  height: 150px;
+	  background-color: #212121;
+	  visibility: hidden;
+	  transform: translateY(10px);
+	  transition: all 0.3s ease;
+	}
+	.download-icon{
+	   cursor: pointer;
+	}
+	.dropdown_li:hover .qr-code {
+      opacity: 1;
+      visibility: visible;
+      transform: translateY(0);
+	}
 </style>

src/components/KLine.vue

@@ -24,7 +24,8 @@ export default {
   data() {
     return {
       model: null, // 数据模型
-      interval: "1D" // [字符串格式]和TV的resolution同步
+      interval: "1D" ,// [字符串格式]和TV的resolution同步
+	  theme:localStorage.getItem('theme')||'light'
     };
   },
 
@@ -59,9 +60,9 @@ export default {
       }
       return local;
     },
-    ...mapState({
-      theme: "theme"
-    })
+    // ...mapState({
+    //   theme: "theme"
+    // })
   },
   methods: {
     translateInterval2Period() {
@@ -171,7 +172,7 @@ export default {
           .css({
             background: (index, value) => {
                 if (this.interval == item.resolution) {
-                    return this.theme=='light'?'#ccc':'#091722';
+                    return this.theme=='dark'?'#ccc':'#091722';
                 }
             },
             color: () => {
@@ -188,7 +189,7 @@ export default {
 
             btns.forEach(btn => {
               if (btn === this) {
-                btn.style.cssText = `background : ${this.theme=='light'?'#ccc':'#091722'};
+                btn.style.cssText = `background : ${this.theme=='dark'?'#ccc':'#091722'};
                                         color:#758696;`;
               } else btn.style.cssText = ``;
             });
@@ -327,9 +328,9 @@ export default {
           disabled_features:['header_resolutions','header_symbol_search', "volume_force_overlay"],
           enabled_features:['header_indicators'],
           overrides: tvStyle[this.theme],
-          toolbar_bg: this.theme == "light" ? "#f1f3f6" : "#222e3d",
+          toolbar_bg: this.theme == "dark" ? "#f1f3f6" : "#222e3d",
           custom_css_url: `/static/Kline/charting_library/static/css/tradingview_${
-            this.theme == "light" ? "white" : "black"
+            this.theme == "dark" ? "white" : "black"
           }.css`,
           debug:false
         },

src/components/SecondaryNav.vue

@@ -227,7 +227,8 @@ export default {
 
 .navBarWrap {
     position: fixed;
-    top: 0;
+    // top: 0;
+    top: 117px;
     z-index: 999;
     width: 100%;
 }

src/i18n/de.json

@@ -583,7 +583,7 @@
 		"a25": "Android APK",
 		"a26": "Code scannen, um APP herunterzuladen",
 		"a27": "iOS & Android",
-		"a28": "Warum Bigtchain.com wählen?",
+		"a28": "Warum Coinprx.com wählen?",
 		"a29": "Bemühen Sie sich, Dienstleistungen für den Handel mit digitalen Vermögenswerten für mehrere Länder anzubieten",
 		"a30": "Einfacher und bequemer Handel mit Kryptowährungs-Assets",
 		"a31": "Das Produkt ist leicht zu verstehen, der Transaktionsprozess ist bequem und die Blockchain-Asset-Service-Plattform aus einer Hand",
@@ -597,7 +597,7 @@
 		"a39": "Den Transaktionsprozess für digitale Vermögenswerte schnell verstehen",
 		"a40": "sofort Einkommen verdienen",
 		"a41": "Klicken Sie hier, um zu gehen",
-		"a42": "Bigtchain-Kryptowährungs-Handelsplattform – für jedermann konzipiert",
+		"a42": "Coinprx-Kryptowährungs-Handelsplattform – für jedermann konzipiert",
 		"a43": "Beginnen Sie die Verschlüsselungsreise"
 	},
 	"option": {
@@ -1131,7 +1131,16 @@
 		"dd5": "Derivate",
 		"dd6": "Sie können Verträge auf über 100 Kryptowährungen mit bis zu 150-facher Hebelwirkung handeln und hohe Gewinne erzielen",
 		"dd7": "Hilfezentrum",
-		
+		"dd8": "Abgedeckte Länder",
+		"dd9": "Globale Investoren",
+		"dd10": "Coins",
+		"dd11": "24-Stunden-Handelsvolumen",
+		"dd12": "Suche nach der nächsten Börse",
+		"dd13": "Handel mit digitalen Währungen auf {name}",
+		"dd14": "Kryptowährungsbörse | Margin-Handel | Kryptowährungsderivate",
+		"dd15": "Hot List",
+		"dd16": "Aufsteigerliste",
+		"dd17": "Verliererliste",
 		
 		"hh0": "Die Zukunft des Geldes ist da",
 		"hh1": "Auf der Suche nach guten Handelsmöglichkeiten",

src/i18n/en.json

@@ -62,7 +62,7 @@
 		"user": "users trust us",
 		"tradings": "trading transactions",
 		"using": "payments using crypto",
-		"Why": "Why do you choose to buy digital currency in Bigtchain",
+		"Why": "Why do you choose to buy digital currency in Coinprx",
 		"believe": "We believe Cryptolly is here to stay — and that a future worth building is one which opens its doors and invites everyone in ",
 		"Clarity": "Clarity",
 		"help": "We help you make sense of the coins, the terms, the dense charts and market changes",
@@ -73,7 +73,7 @@
 		"convenient": "convenient",
 		"key": "One key transaction, more convenient operation",
 		"technology": "Our technology",
-		"XUScoin": "Bigtchain adopts advanced technologies such as GSLB, distributed server cluster ,distributed storage, high speed memory trading engine with multiple machines, cold wallet, hot wallet with private key offline,etc.,to provide our customers with secure,stable and reliable digital asset trading services through multiple terminals such as web,mobile and desktop terminals ",
+		"XUScoin": "Coinprx adopts advanced technologies such as GSLB, distributed server cluster ,distributed storage, high speed memory trading engine with multiple machines, cold wallet, hot wallet with private key offline,etc.,to provide our customers with secure,stable and reliable digital asset trading services through multiple terminals such as web,mobile and desktop terminals ",
 		"guide": "Beginner's guide",
 		"Wear": "Wear an account",
 		"Get": "Register a trading account",
@@ -236,7 +236,7 @@
 		"footerTips2": "Legal Notice: The website is operated by {name}",
 		"footerTips3": "Risk Tip: Digital asset trading may cause your principal loss, please make sure you fully understand the risks.",
 		"footerTips4": "Restricted Areas: Unable to provide services to residents of specific countries / regions, such as Israel and the Islamic Republic of China",
-		"learn": "college",
+		"learn": "College",
 		"GraphicValidation": "Graphical Verification",
 		"community": "Community"
 	},
@@ -677,7 +677,7 @@
 		"a25": "Android APK",
 		"a26": "Scan code to download APP",
 		"a27": "iOS & Android",
-		"a28": "Why choose Bigtchain.com?",
+		"a28": "Why choose Coinprx.com?",
 		"a29": "Strive to provide digital asset trading services for multiple countries",
 		"a30": "Simple and convenient trading of encrypted assets",
 		"a31": "The product is easy to understand, the transaction process is convenient, and the one-stop blockchain asset service platform",
@@ -691,7 +691,7 @@
 		"a39": "Quickly understand the digital asset transaction process",
 		"a40": "earn income immediately",
 		"a41": "Click to go",
-		"a42": "Bigtchain Cryptocurrency Trading Platform - Designed for Everyone",
+		"a42": "Coinprx Cryptocurrency Trading Platform - Designed for Everyone",
 		"a43": "Start the encryption journey"
 	},
 	"option": {
@@ -1249,7 +1249,16 @@
 		"dd5": "Derivatives",
 		"dd6": "You can trade contracts on 100+ cryptocurrencies with up to 150x leverage and earn high profits",
 		"dd7": "Help Center",
-		
+		"dd8": "Countries Covered",
+		"dd9": "Global Investors",
+		"dd10": "Coins",
+		"dd11": "24h Trading Volume",
+		"dd12": "Find The Next Generation",
+		"dd13": "Crypto Trading On {name}",
+		"dd14": "Crypto Exchange | Margin Trading | Crypto Derivatives",
+		"dd15": "Hot List",
+		"dd16": "Rising List",
+		"dd17": "Losing List",
 		
 		"hh0": "The future of money is here",
 		"hh1": "Looking for good trading opportunities",

src/i18n/fra.json

@@ -583,7 +583,7 @@
 		"a25": "APK Android",
 		"a26": "Scannez le code pour télécharger l'APP",
 		"a27": "iOS et Androïd",
-		"a28": "Pourquoi choisir Bigtchain.com ?",
+		"a28": "Pourquoi choisir Coinprx.com ?",
 		"a29": "S'efforcer de fournir des services de négociation d'actifs numériques pour plusieurs pays",
 		"a30": "Trading simple et pratique d'actifs cryptés",
 		"a31": "Le produit est facile à comprendre, le processus de transaction est pratique et la plate-forme de service d'actifs blockchain à guichet unique",
@@ -597,7 +597,7 @@
 		"a39": "Comprendre rapidement le processus de transaction d'actifs numériques",
 		"a40": "gagner un revenu immédiatement",
 		"a41": "Cliquez pour aller",
-		"a42": "Plateforme de trading de crypto-monnaie Bigtchain - Conçue pour tout le monde",
+		"a42": "Plateforme de trading de crypto-monnaie Coinprx - Conçue pour tout le monde",
 		"a43": "Commencez le voyage de cryptage"
 	},
 	"option": {
@@ -1131,7 +1131,16 @@
 		"dd5": "Dérivés",
 		"dd6": "Vous pouvez négocier des contrats sur plus de 100 crypto-monnaies avec un effet de levier jusqu'à 150x et réaliser des bénéfices élevés",
 		"dd7": "Centre d'aide",
-		
+		"dd8": "Pays couverts",
+		"dd9": "Investisseurs mondiaux",
+		"dd10": "Monnaies",
+		"dd11": "Volume de transactions sur 24 heures",
+		"dd12": "À la recherche de la plateforme d'échange de nouvelle génération",
+		"dd13": "Échangez des devises numériques sur {name}",
+		"dd14": "Échange de cryptomonnaies | Trading sur marge | Dérivés de cryptomonnaies",
+		"dd15": "Liste des favoris",
+		"dd16": "Liste des candidats en hausse",
+		"dd17": "Liste des candidats en baisse",
 		
 		"hh0": "L'avenir de l'argent est là",
 		"hh1": "À la recherche de bonnes opportunités de trading",

src/i18n/it.json

@@ -582,7 +582,7 @@
 		"a25": "APK Android",
 		"a26": "Scansiona il codice per scaricare l'APP",
 		"a27": "iOS & Android",
-		"a28": "Perché scegliere Bigtchain.com?",
+		"a28": "Perché scegliere Coinprx.com?",
 		"a29": "Sforzati di fornire servizi di trading di asset digitali per più paesi",
 		"a30": "Trading semplice e conveniente di risorse crittografate",
 		"a31": "Il prodotto è facile da capire, il processo di transazione è conveniente e la piattaforma di servizio asset blockchain one-stop",
@@ -596,7 +596,7 @@
 		"a39": "Comprendi rapidamente il processo di transazione degli asset digitali",
 		"a40": "guadagna reddito immediatamente",
 		"a41": "Clicca per andare",
-		"a42": "Piattaforma di trading di criptovalute Bigtchain - Progettata per tutti",
+		"a42": "Piattaforma di trading di criptovalute Coinprx - Progettata per tutti",
 		"a43": "Inizia il viaggio di crittografia"
 	},
 	"option": {
@@ -1130,7 +1130,16 @@
 		"dd5": "Derivati",
 		"dd6": "Puoi scambiare contratti su oltre 100 criptovalute con una leva fino a 150x e ottenere profitti elevati",
 		"dd7": "Centro assistenza",
-		
+		"dd8": "Paesi coperti",
+		"dd9": "Investitori globali",
+		"dd10": "Monete",
+		"dd11": "Volume di scambi 24 ore su 24",
+		"dd12": "Alla ricerca dell'exchange di nuova generazione",
+		"dd13": "Fai trading di valute digitali su {name}",
+		"dd14": "Exchange di criptovalute | Trading con margine | Derivati ​​su criptovalute",
+		"dd15": "Lista calda",
+		"dd16": "Lista dei vincitori",
+		"dd17": "Lista dei perdenti",
 		
 		"hh0": "Il futuro del denaro è qui",
 		"hh1": "Cerco buone opportunità di trading",

src/i18n/jp.json

@@ -582,7 +582,7 @@
 		"a25": "Android APK",
 		"a26": "コードをスキャンしてアプリをダウンロードします",
 		"a27": "iOS と Android",
-		"a28": "なぜBigtchain.comを選ぶのですか?",
+		"a28": "なぜCoinprx.comを選ぶのですか?",
 		"a29": "複数の国に向けたデジタル資産取引サービスの提供に努める",
 		"a30": "簡単かつ便利な暗号資産の取引",
 		"a31": "製品は理解しやすく、取引プロセスは便利で、ワンストップのブロックチェーン資産サービス プラットフォームです。",
@@ -596,7 +596,7 @@
 		"a39": "デジタル資産の取引プロセスを素早く理解する",
 		"a40": "すぐに収入を得る",
 		"a41": "クリックして移動",
-		"a42": "Bigtchain 暗号通貨取引プラットフォーム - 誰でも使えるように設計",
+		"a42": "Coinprx 暗号通貨取引プラットフォーム - 誰でも使えるように設計",
 		"a43": "暗号化への取り組みを始めましょう"
 	},
 	"option": {
@@ -1130,7 +1130,16 @@
 		"dd5": "デリバティブ",
 		"dd6": "最大 150 倍のレバレッジで 100 以上の暗号通貨の契約を取引し、高い利益を得ることができます",
 		"dd7": "ヘルプセンター",
-		
+		"dd8": "対象国",
+		"dd9": "世界中の投資家",
+		"dd10": "コイン",
+		"dd11": "24時間取引量",
+		"dd12": "次世代の取引所を探して",
+		"dd13": "{name}でデジタル通貨を取引",
+		"dd14": "仮想通貨取引所 | 証拠金取引 | 仮想通貨デリバティブ",
+		"dd15": "人気リスト",
+		"dd16": "獲得者リスト",
+		"dd17": "敗者リスト",
 		
 		"hh0": "お金の未来がここにあります",
 		"hh1": "良い取引機会を探しています",

src/i18n/kor.json

@@ -582,7 +582,7 @@
 		"a25": "안드로이드 APK",
 		"a26": "앱을 다운로드하려면 코드를 스캔하세요",
 		"a27": "iOS 및 안드로이드",
-		"a28": "왜 Bigtchain.com을 선택해야 합니까?",
+		"a28": "왜 Coinprx.com을 선택해야 합니까?",
 		"a29": "여러 국가에 디지털 자산 거래 서비스를 제공하기 위해 노력합니다.",
 		"a30": "간단하고 편리한 암호화 자산 거래",
 		"a31": "제품이 이해하기 쉽고 거래 프로세스가 편리하며 원스톱 블록체인 자산 서비스 플랫폼",
@@ -596,7 +596,7 @@
 		"a39": "디지털 자산 거래 프로세스를 빠르게 이해",
 		"a40": "즉시 수익 창출",
 		"a41": "클릭하여 이동",
-		"a42": "Bigtchain 암호화폐 거래 플랫폼 - 모두를 위한 설계",
+		"a42": "Coinprx 암호화폐 거래 플랫폼 - 모두를 위한 설계",
 		"a43": "암호화 여정 시작"
 	},
 	"option": {
@@ -1130,7 +1130,16 @@
 		"dd5": "파생상품",
 		"dd6": "최대 150배의 레버리지로 100개 이상의 암호화폐 계약을 거래하고 높은 수익을 올릴 수 있습니다",
 		"dd7": "지원 센터",
-		
+		"dd8": "대상 국가",
+		"dd9": "글로벌 투자자",
+		"dd10": "코인",
+		"dd11": "24시간 거래량",
+		"dd12": "차세대 거래소를 찾아서",
+		"dd13": "{name}에서 디지털 화폐 거래",
+		"dd14": "암호화폐 거래소 | 마진 거래 | 암호화폐 파생상품",
+		"dd15": "핫 리스트",
+		"dd16": "승자 리스트",
+		"dd17": "패자 리스트",
 		
 		"hh0": "돈의 미래가 여기에 있습니다",
 		"hh1": "좋은 거래 기회를 찾고 있습니다",

src/i18n/pt.json

@@ -583,7 +583,7 @@
 		"a25": "APK para Android",
 		"a26": "Escaneie o código para baixar o APP",
 		"a27": "iOS e Android",
-		"a28": "Por que escolher Bigtchain.com?",
+		"a28": "Por que escolher Coinprx.com?",
 		"a29": "Esforce-se para fornecer serviços de negociação de ativos digitais para vários países",
 		"a30": "Negociação simples e conveniente de ativos criptografados",
 		"a31": "O produto é fácil de entender, o processo de transação é conveniente e a plataforma de serviço de ativos blockchain completa",
@@ -597,7 +597,7 @@
 		"a39": "Entenda rapidamente o processo de transação de ativos digitais",
 		"a40": "ganhar renda imediatamente",
 		"a41": "Clique para ir",
-		"a42": "Plataforma de Negociação de Criptomoedas Bigtchain - Projetado para Todos",
+		"a42": "Plataforma de Negociação de Criptomoedas Coinprx - Projetado para Todos",
 		"a43": "Comece a jornada de criptografia"
 	},
 	"option": {
@@ -1131,7 +1131,16 @@
 		"dd5": "Derivados",
 		"dd6": "Você pode negociar contratos em mais de 100 criptomoedas com alavancagem de até 150x e obter lucros elevados",
 		"dd7": "Centro de ajuda",
-		
+		"dd8": "Países Abrangidos",
+		"dd9": "Investidores Globais",
+		"dd10": "Moedas",
+		"dd11": "Volume de Negociação em 24 Horas",
+		"dd12": "Em Busca da Bolsa de Valores da Próxima Geração",
+		"dd13": "Negocie Moedas Digitais em {name}",
+		"dd14": "Bolsa de Criptomoedas | Negociação de Margem | Derivativos de Criptomoedas",
+		"dd15": "Lista Quente",
+		"dd16": "Lista de ganhadores",
+		"dd17": "Lista de Queda",
 		
 		"hh0": "O futuro do dinheiro está aqui",
 		"hh1": "Procurando boas oportunidades de negociação",

src/i18n/spa.json

@@ -583,7 +583,7 @@
 		"a25": "Android APK",
 		"a26": "Escanear código para descargar la APLICACIÓN",
 		"a27": "iOS y Android",
-		"a28": "¿Por qué elegir Bigtchain.com?",
+		"a28": "¿Por qué elegir Coinprx.com?",
 		"a29": "Esforzarse por proporcionar servicios de comercio de activos digitales para múltiples países",
 		"a30": "Intercambio simple y conveniente de activos encriptados",
 		"a31": "El producto es fácil de entender, el proceso de transacción es conveniente y la plataforma de servicio de activos de blockchain de ventanilla única",
@@ -597,7 +597,7 @@
 		"a39": "Comprenda rápidamente el proceso de transacción de activos digitales",
 		"a40": "obtener ingresos inmediatamente",
 		"a41": "Haz clic para ir",
-		"a42": "Plataforma de negociación de criptomonedas Bigtchain: diseñada para todos",
+		"a42": "Plataforma de negociación de criptomonedas Coinprx: diseñada para todos",
 		"a43": "Comience el viaje de encriptación"
 	},
 	"option": {
@@ -1131,7 +1131,16 @@
 		"dd5": "Derivados",
 		"dd6": "Puede negociar contratos en más de 100 criptomonedas con un apalancamiento de hasta 150x y obtener grandes ganancias",
 		"dd7": "Centro de ayuda",
-		
+		"dd8": "Países cubiertos",
+		"dd9": "Inversores globales",
+		"dd10": "Monedas",
+		"dd11": "Volumen de operaciones 24 horas",
+		"dd12": "En busca del exchange de próxima generación",
+		"dd13": "Opere con criptomonedas en {name}",
+		"dd14": "Exchange de criptomonedas | Trading con margen | Derivados de criptomonedas",
+		"dd15": "Lista caliente",
+		"dd16": "Lista de ganadores",
+		"dd17": "Lista de caída",
 		
 		"hh0": "El futuro del dinero está aquí",
 		"hh1": "Buscando buenas oportunidades comerciales",

src/i18n/tr.json

@@ -583,7 +583,7 @@
 		"a25": "Android APK",
 		"a26": "APP'yi indirmek için kodu tarayın",
 		"a27": "iOS ve Android",
-		"a28": "Neden Bigtchain.com'u seçmelisiniz?",
+		"a28": "Neden Coinprx.com'u seçmelisiniz?",
 		"a29": "Birden çok ülke için dijital varlık ticareti hizmetleri sunmaya çalışın",
 		"a30": "Şifrelenmiş varlıkların basit ve kullanışlı ticareti",
 		"a31": "Ürünün anlaşılması kolaydır, işlem süreci uygundur ve tek noktadan blok zincir varlık hizmet platformu",
@@ -597,7 +597,7 @@
 		"a39": "Dijital varlık işlem sürecini hızlıca anlayın",
 		"a40": "hemen gelir elde et",
 		"a41": "Gitmek için tıklayın",
-		"a42": "Bigtchain Kripto Para Ticaret Platformu - Herkes İçin Tasarlandı",
+		"a42": "Coinprx Kripto Para Ticaret Platformu - Herkes İçin Tasarlandı",
 		"a43": "Şifreleme yolculuğuna başlayın"
 	},
 	"option": {
@@ -1131,7 +1131,16 @@
 		"dd5": "Türevler",
 		"dd6": "100'den fazla kripto para birimindeki sözleşmelerle 150 katına kadar kaldıraçla işlem yapabilir ve yüksek kar elde edebilirsiniz",
 		"dd7": "Yardım Merkezi",
-		
+		"dd8": "Kapsamdaki Ülkeler",
+		"dd9": "Küresel Yatırımcılar",
+		"dd10": "Coin'ler",
+		"dd11": "24 Saatlik İşlem Hacmi",
+		"dd12": "Yeni Nesil Borsa Arayışı",
+		"dd13": "{name} Üzerinden Dijital Para Birimi Alım Satımı Yapın",
+		"dd14": "Kripto Para Borsası | Marj Ticareti | Kripto Para Türevleri",
+		"dd15": "Sıcak Liste",
+		"dd16": "Kazananlar Listesi",
+		"dd17": "Kaybedenler Listesi",
 		
 		"hh0": "Paranın geleceği burada",
 		"hh1": "İyi ticaret fırsatları arıyorum",

src/i18n/tw.json

@@ -62,7 +62,7 @@
 		"user": "用戶信任我們",
 		"tradings": "交易",
 		"using": "使用加密貨幣支付",
-		"Why": "為什麼選擇在Bigtchain購買數位貨幣",
+		"Why": "為什麼選擇在Coinprx購買數位貨幣",
 		"believe": "我們相信Cryptolly會留下來，一個值得建設的未來將打開大門，邀請所有人加入",
 		"Clarity": "清晰度",
 		"help": "我們幫助你理解貨幣、條款、密集的圖表和市場變化",
@@ -73,7 +73,7 @@
 		"convenient": "方便",
 		"key": "一鍵交易，操作更方便",
 		"technology": "我們的技術",
-		"XUScoin": "Bigtchain採用GSLB、分佈式存儲、多機高速內存交易引擎、冷錢包、離線私鑰熱錢包等先進技術，通過網絡、移動和台式終端等多個終端為客戶提供安全、穩定和可靠的數字資產交易服務",
+		"XUScoin": "Coinprx採用GSLB、分佈式存儲、多機高速內存交易引擎、冷錢包、離線私鑰熱錢包等先進技術，通過網絡、移動和台式終端等多個終端為客戶提供安全、穩定和可靠的數字資產交易服務",
 		"guide": "初學者指南",
 		"Wear": "記下來",
 		"Get": "注册交易帳戶",
@@ -619,7 +619,7 @@
 		"a25": "Android APK",
 		"a26": "掃碼下載APP",
 		"a27": "iOS & Android",
-		"a28": "為何選擇Bigtchain.com？",
+		"a28": "為何選擇Coinprx.com？",
 		"a29": "竭力為多個國家提供數字資產交易服務",
 		"a30": "簡單便捷交易加密資產",
 		"a31": "產品簡單易懂、交易流程便捷，一站式區塊鏈資產服務平臺",
@@ -633,7 +633,7 @@
 		"a39": "快速瞭解數字資產交易流程",
 		"a40": "立即賺取收益",
 		"a41": "點擊前往",
-		"a42": "Bigtchain 加密貨幣交易平台 - 為每個人而設計",
+		"a42": "Coinprx 加密貨幣交易平台 - 為每個人而設計",
 		"a43": "開啟加密之旅"
 	},
 	"option": {
@@ -1177,7 +1177,16 @@
 		"dd5": "衍生性商品",
 		"dd6": "您可以高達150倍的槓桿率交易100+加密貨幣的合約，賺取高額收益",
 		"dd7": "幫助中心",
-		
+		"dd8": "覆蓋國家",
+		"dd9": "全球投資者",
+		"dd10": "幣",
+		"dd11": "24小時交易量",
+		"dd12": "尋找下一代交易所",
+		"dd13": "在{name}上交易數位貨幣",
+		"dd14": "加密貨幣交易所 | 保證金交易 | 加密貨幣衍生性商品",
+		"dd15": "熱門榜",
+		"dd16": "漲幅榜",
+		"dd17": "跌幅榜",
 		
 		"hh0": "金錢的未來就在這裡",
 		"hh1": "尋找交易良機",

src/index.html

@@ -6,7 +6,7 @@
 	<meta name="google" content="notranslate">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta http-equiv="X-UA-Compatible" content="ie=edge">
-    <title id="appTitle">Bigtchain</title>
+    <title id="appTitle">Coinprx</title>
     <link rel="icon" id="appIcon" href="/static/favicon.ico" type="image/x-icon">
     <style>
         #MICHAT-MINI-WRAP{
@@ -22,7 +22,7 @@
         for (var i = 0; i < mobileAgent.length; i++) {
             if (browser.indexOf(mobileAgent[i]) != -1) {
                 //todo 手机版跳转
-                window.location.href = 'https://app.bigtchain.com';
+                window.location.href = 'https://app.coinprx.com';
                 break;
             }
         }
@@ -69,13 +69,13 @@
     <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.bigtchain.com/newlink/pako.min.js"></script>
+    <script src="https://www.coinprx.com/newlink/pako.min.js"></script>
     <script>
-        window.custom = "dark"; // 默认主题
-        window.api_path = "<%= htmlWebpackPlugin.options.isProduct ? 'https://seee.bigtchain/api/sliderVerify' : 'https://seee.bigtchain/api/sliderVerify' %>";
+        window.custom = localStorage.getItem("theme"); // 默认主题
+        window.api_path = "<%= htmlWebpackPlugin.options.isProduct ? 'https://seee.coinprx/api/sliderVerify' : 'https://seee.coinprx/api/sliderVerify' %>";
         // window.api_path =  "<%= htmlWebpackPlugin.options.isProduct ? 'http://qkladmin2.ruanmeng.top/api/sliderVerify' : 'http://qkladmin2.ruanmeng.top/api/sliderVerify' %>";
         // window.ws_path = "<%= htmlWebpackPlugin.options.isProduct ? 'wss://guanli.coin.amatak.net/ws1' : 'wss://guanli.coin.amatak.net/ws1' %>";
-        window.ws_path = "<%= htmlWebpackPlugin.options.isProduct ? 'https://seee.bigtchain/api' : 'https://seee.bigtchain/api' %>";
+        window.ws_path = "<%= htmlWebpackPlugin.options.isProduct ? 'https://seee.coinprx/api' : 'https://seee.coinprx/api' %>";
 
         // window.ws_path = "<%= htmlWebpackPlugin.options.isProduct ? 'ws://qkladmin2.ruanmeng.top:2346' : 'ws://qkladmin2.ruanmeng.top:2346' %>";
 
@@ -83,24 +83,49 @@
         function changeSightSense() {
             const body = document.body,
                 header = document.getElementById("common-header");
-
             if (body.id && body.id == "light") {
-                body.removeAttribute("id");
-                header.classList.replace('dark-bb', 'light-bb');
-                custom = "light";
+				
+				// body.removeAttribute("id");
+				body.setAttribute("id", "light");
+                header.classList.replace('light-bb', 'dark-bb');
+                // custom = "light";
+				localStorage.setItem("theme", 'dark');
+				location.reload()
             } else {
 				body.setAttribute("id", "dark");
-                header.classList.replace('light-bb', 'dark-bb');
-                custom = "dark";
+                header.classList.replace('dark-bb', 'light-bb');
+                // custom = "dark";
+				localStorage.setItem("theme",'light');
+				location.reload()
             }
 
             // 重新加载tradingView
-            renderTV();
+            // renderTV();
+        }
+		
+		// 页面加载时检查用户偏好
+		function initTheme() {
+			const body = document.body,
+			    header = document.getElementById("common-header")
+		    const savedTheme = localStorage.getItem("theme");
+		    if (savedTheme === "light") {
+		        // body.removeAttribute("id");
+				body.setAttribute("id", "light");
+		        header.classList.replace('light-bb', 'dark-bb');
+		    } else {
+				body.setAttribute("id", "dark");
+		    	header.classList.replace('dark-bb', 'light-bb');
+		    }
 		}
 
         // 窗口内容加载完毕 初始化tv
         window.onload = function () {
             // renderTV();
+			if(!localStorage.getItem("theme")){
+				localStorage.setItem("theme",'light');
+			}
+			
+			initTheme();
         };
 
 

src/utils/consts.js

@@ -15,18 +15,18 @@ export default {
                     FAIL : 2,
                 }
             },
-            mobileUrl:'https://app.bigtchain.com',
+            mobileUrl:'https://app.coinprx.com',
             Server: {
                 Path: {
                     // API: isProduct ? `http://qkladmin2.ruanmeng.top/api/` : `/api/`,
-                    BASE:isProduct?`https://seee.bigtchain.com`:`https://seee.bigtchain.com`,
-                    API: isProduct ? `https://seee.bigtchain.com/api/` : `/api/`,
+                    BASE:isProduct?`https://seee.coinprx.com`:`https://seee.coinprx.com`,
+                    API: isProduct ? `https://seee.coinprx.com/api/` : `/api/`,
                     // WS: isProduct ? `ws://qkladmin2.ruanmeng.top:2346` : `ws://qkladmin2.ruanmeng.top:2346`,
                     // WS1: isProduct ? `ws://qkladmin2.ruanmeng.top:2348` : `ws://qkladmin2.ruanmeng.top:2348`,
                     // WS: isProduct ? `wss://guanli.coin.amatak.net/ws1` : `wss://guanli.coin.amatak.net/ws1`,
-                    WS: isProduct ? `wss://seee.bigtchain.com/ws1` : `wss://seee.bigtchain.com/ws1`,
+                    WS: isProduct ? `wss://seee.coinprx.com/ws1` : `wss://seee.coinprx.com/ws1`,
                     // WS1: isProduct ? `wss://guanli.coin.amatak.net/ws2` : `wss://guanli.coin.amatak.net/ws2`,
-                    WS1: isProduct ? `wss://seee.bigtchain.com/ws2` : `wss://seee.bigtchain.com/ws2`,
+                    WS1: isProduct ? `wss://seee.coinprx.com/ws2` : `wss://seee.coinprx.com/ws2`,
                 }
             }
         };

src/views/contract/index.vue

@@ -395,4 +395,7 @@ export default {
 	.increase{
 		color: #53b987;
 	}
+	.active{
+		background-color: #eee;
+	}
 </style>

src/views/exchange/book-trades.vue

@@ -16,8 +16,8 @@
 
             <tbody class="sell-orders" v-if="symbol!='gitpusdt'">
                 <div class="order-item" v-for="item in sellList" :key="item.id">
-                    <el-progress class="progress" type="line" :stroke-width="39" :percentage="getValue(item.amount)" :show-text="false" color="rgba(216,43,43,0.15)" define-back-color="#222e3d">
-                    </el-progress>
+                    <el-progress v-if="theme=='light'" class="progress" type="line" :stroke-width="39" :percentage="getValue(item.amount)" :show-text="false" color="rgba(216,43,43,0.15)" define-back-color="#222e3d"></el-progress>
+                    <el-progress v-else class="progress" type="line" :stroke-width="39" :percentage="getValue(item.amount)" :show-text="false" color="rgba(216,43,43,0.15)"></el-progress>
                     <!-- 卖单 使用弹性盒子倒序排列 -->
                     <tr style="display:block;" class="tb-cells" @click.stop="handleOrder(item.price)">
                         <td class="w-33 red" title="pick this price to sell">{{ item.price|omitTo(priceDecimals) }}</td>
@@ -58,8 +58,8 @@
             <tbody class="buy-orders"  :style="[{'height':symbol!='gitpusdt'?'':'470px!important'}]">
                 <!-- 买单 反序数值 -->
                 <div class="order-item" v-for="item in reversed" :key="item.id">
-                    <el-progress class="progress" type="line" :stroke-width="39" :percentage="getValue(item.amount)" :show-text="false" color="rgba(37, 188, 103, 0.15)" define-back-color="#222e3d">
-                    </el-progress>
+                    <el-progress v-if="theme=='light'" class="progress" type="line" :stroke-width="39" :percentage="getValue(item.amount)" :show-text="false" color="rgba(37, 188, 103, 0.15)" define-back-color="#222e3d"></el-progress>
+                    <el-progress v-else class="progress" type="line" :stroke-width="39" :percentage="getValue(item.amount)" :show-text="false" color="rgba(37, 188, 103, 0.15)"></el-progress>
                     <!-- 卖单 使用弹性盒子倒序排列 -->
                     <tr style="display:block;" class="tb-cells" @click.stop="handleOrder(item.price)">
                         <td class="w-33 green" title="pick this price to buy">{{ item.price|omitTo(priceDecimals) }}</td>
@@ -144,6 +144,9 @@ export default {
         langs(){
             return localStorage.getItem('lang')||'en'
         },
+		theme(){
+			return localStorage.getItem('theme')||'light'
+		},
         reversed() {
             // 按给定值 倒序排列
             if (this.buyList && this.buyList.length) return this.buyList;

src/views/exchange/symbols.vue

@@ -240,8 +240,8 @@ export default {
 
 <style lang="scss">
 .highlight {
-    background: #f6f8f9;
-    background: #F8F8FF;
+    // background: #f6f8f9;
+    // background: #F8F8FF !important;
 
     td:first-child {
         color: #007bff !important;

src/views/forgotPwd/index.vue

@@ -1,7 +1,8 @@
 <template>
-<div class="container">
-    <div class="vh-100 d-flex justify-content-center">
-        <div class="form-access my-auto bg-panel">
+<div class="">
+	<!-- container -->
+    <div class="vh-100 d-flex back_img" style="align-items: center;color: #000;">
+        <div class="form-access my-auto form-access1" style="margin-left: 150px;">
             <form class="chk-body">
                 <template v-if="step == 1">
 
@@ -11,7 +12,7 @@
 
                     <!-- <span class="mt-4"></span> -->
                     <div class="form-group">
-                        <input type="text" v-model="user.account" class="form-control" :placeholder="$t('login.enter-account')" >
+                        <input type="text" v-model="user.account" class="form-control form-control_input" :placeholder="$t('login.enter-account')" >
                     </div>
                     <button type="submit" class="btn btn-primary rounded-pill" @click.prevent="step1">{{ $t("login.submit") }}</button>
                 </template>
@@ -30,23 +31,25 @@
                     </div>
 
                     <!-- 图形验证码 -->
-                    <div class="input-group mb-3">
-                        <input type="text" id="gccode" v-model="user.gc_code" required :placeholder="$t('common.GraphicValidation')" class="form-control col-6" />
-                        <img class="col-6" :src="Graph_che" @click="gett_gc_code" />
+                    <div class="input-group mb-3" style="align-items: center;">
+                        <input type="text" id="gccode" v-model="user.gc_code" required :placeholder="$t('common.GraphicValidation')" class="form-control col-6 form-control_input" />
+                        <div class="col-6" style="display: inline-block;width: 100px;height:50px;">
+							<img class="col-6" :src="Graph_che" @click="gett_gc_code" style="width: 100%;height: 100%;object-fit: contain;" />
+						</div>
                     </div>
                     <div class="input-group mb-3" v-if="user.google_status">
-                        <input type="text" v-model="codes.google_code" class="form-control" required pattern="\d{6}" data-message="code needs 6 number" :placeholder="$t('login.google-code')" />
+                        <input type="text" v-model="codes.google_code" class="form-control" required pattern="\d{6}" data-message="code needs 6 number form-control_input" :placeholder="$t('login.google-code')" />
                     </div>
 
-                    <div class="input-group mb-3" v-if="user.email_status">
-                        <input type="text" v-model="codes.email_code" required class="form-control" pattern="\d{6}" data-message="code needs 6 number" :placeholder="$t('login.email-code')" />
+                    <div class="input-group mb-3" v-if="user.email_status" style="align-items: center;">
+                        <input type="text" v-model="codes.email_code" required class="form-control" pattern="\d{6}" data-message="code needs 6 number form-control_input" :placeholder="$t('login.email-code')" />
                         <div class="input-group-append">
                             <get-code class="btn get-code btn-outline-primary" :data="{email:user.email,gc_code:user.gc_code,gc_key:user.gc_key}" :type="7"  @reGetGCCode="gett_gc_code()" />
                         </div>
                     </div>
 
                     <div class="input-group mb-3" v-if="user.phone_status">
-                        <input type="text" required v-model="codes.sms_code" class="form-control" pattern="\d{6}" data-message="code needs 6 number" :placeholder="$t('login.sms-code')" />
+                        <input type="text" required v-model="codes.sms_code" class="form-control" pattern="\d{6}" data-message="code needs 6 number form-control_input" :placeholder="$t('login.sms-code')" />
                         <div class="input-group-append">
                             <get-code class="btn get-code btn-outline-primary" :data="{country_code:user.country_code, phone:user.phone}" :type="6" />
                         </div>
@@ -139,15 +142,38 @@ export default {
     }
 }
 </script>
-
+<style>
+	.form-access1 .el-input__inner{
+		background-color: #fff;
+		color:#000;
+	}
+</style>
 <style lang="scss" scoped>
 ::v-deep .el-input__inner,.form-control{
     padding-top:.375rem;
     padding-bottom:.375rem;
     height: 45px !important;
 }
+.form-control{
+	background-color: #fff !important;
+}
 .get-code{
     padding-top: 11px !important;
     padding-bottom: 11px !important;
 }
+
+.form-access form{
+	border: 0px !important;
+	box-shadow:rgba(255, 255, 255, 0.2) 0px 2px 14px -6px !important;
+	min-width: 500px !important;
+}
+.back_img{
+	background-image: url('../../assets/img/home/loginback.jpg');
+	background-repeat: no-repeat;
+	background-size: cover;
+}
+.form-control_input{
+	color: #000 !important;
+	background-color: #fff !important;
+}
 </style>

src/views/home/index.vue

@@ -509,10 +509,11 @@
 					</div>
 				</div> -->
 				<div class="left">
-					<div class="title">{{ $t("homeNewText.hh0") }}</div>
-					<div style="margin-top: 30px;font-size: 20px;">{{ $t("homeNewText.hh34") }}</div>
+					<div class="title">{{$t("homeNewText.dd12")}}</div>
+					<div class="title">{{$t("homeNewText.dd13",{name:"Coinprx"})}}</div>
+					<div style="margin-top: 30px;font-size: 20px;color: rgba(29, 29, 29, 0.4);font-weight: bold;">{{$t("homeNewText.dd14")}}</div>
 					<router-link v-if="!isLogin" class="jump_btn" :to="{name:'signUp'}" style="margin-top: 50px;">
-						{{ $t("homeNewText.hh35") }}
+						{{ $t("homeNewText.hh33") }} <img src="@/assets/img/home/right-line.png" alt="" width="24" height="24">
 					</router-link>
 					<router-link v-else class="jump_btn" :to="{name:'exchange-assets'}" style="margin-top: 50px;">
 						{{ $t("homeNewText.aa4") }}
@@ -523,13 +524,93 @@
 				</div>
 			</div>
 		</div>
+		<div class="radial_bg">
+			<div class="num-info d-flex">
+			  <div class="num-info-count">
+				<div class="num">200+</div>
+				<div class="title">{{ $t("homeNewText.dd8") }}</div>
+			  </div>
+			  <div class="num-info-count">
+				<div class="num">30M</div>
+				<div class="title">{{ $t("homeNewText.dd9") }}</div>
+			  </div>
+			  <div class="num-info-count">
+				<div class="num">50+</div>
+				<div class="title">{{ $t("homeNewText.dd10") }}</div>
+			  </div>
+			  <div class="num-info-count">
+				<div class="num">$1.17 B</div>
+				<div class="title">{{ $t("homeNewText.dd11") }}</div>
+			  </div>
+			</div>
+		</div>
 		<!-- 寻找交易良机 -->
 		<div class="market_table" v-if="marketList[0]">
-			<div style="font-size: 42px;font-weight: bold;color: #fff;">
+			<div class="market_table_box">
 				{{ $t("homeNewText.hh1") }}
 			</div>
 			<div style="color: #999;line-height: 60px;font-size: 18px;">{{ $t("homeNewText.hh2") }}</div>
-			<div class="market_tr" style="color: #999;line-height: 60px;">
+			
+			<div class="d-flex justify-content-between">
+				<div class="market_box">
+					<div class="title">
+						<div class="strip"></div>
+						<div class="name">{{ $t("homeNewText.dd15") }}</div>
+					</div>
+					<div v-for="(item, index) in marketList[0].marketInfoList.slice(0,5)" :key="index" class="market_tr">
+						<div class="d-flex align-items-center">
+							<img class="icon" :src="item.coin_icon" alt="">
+							<div>
+								<div style="font-weight: bold;">{{ item.coin_name }}</div>
+								<div style="color: #707a8a;font-size: 13px;">{{ item.pair_name }}</div>
+							</div>
+						</div>
+						<div>
+							<div style="text-align: right;">{{ item.count }}</div>
+							<div style="text-align: right;" :class="item.increase >= 0 ? 'increace' : 'decreace'">{{ item.increaseStr }}</div>
+						</div>
+					</div>
+				</div>
+				<div class="market_box">
+					<div class="title">
+						<div class="strip"></div>
+						<div class="name">{{ $t("homeNewText.dd16") }}</div>
+					</div>
+					<div v-for="(item, index) in sortedNegativeItems1.slice(0,5)" :key="index" class="market_tr">
+						<div class="d-flex align-items-center">
+							<img class="icon" :src="item.coin_icon" alt="">
+							<div>
+								<div style="font-weight: bold;">{{ item.coin_name }}</div>
+								<div style="color: #707a8a;font-size: 13px;">{{ item.pair_name }}</div>
+							</div>
+						</div>
+						<div>
+							<div style="text-align: right;">{{ item.count }}</div>
+							<div style="text-align: right;" :class="item.increase >= 0 ? 'increace' : 'decreace'">{{ item.increaseStr }}</div>
+						</div>
+					</div>
+				</div>
+				<div class="market_box">
+					<div class="title">
+						<div class="strip"></div>
+						<div class="name">{{ $t("homeNewText.dd17") }}</div>
+					</div>
+					<div v-for="(item, index) in sortedNegativeItems.slice(0,5)" :key="index" class="market_tr">
+						<div class="d-flex align-items-center">
+							<img class="icon" :src="item.coin_icon" alt="">
+							<div>
+								<div style="font-weight: bold;">{{ item.coin_name }}</div>
+								<div style="color: #707a8a;font-size: 13px;">{{ item.pair_name }}</div>
+							</div>
+						</div>
+						<div>
+							<div style="text-align: right;">{{ item.count }}</div>
+							<div style="text-align: right;" :class="item.increase >= 0 ? 'increace' : 'decreace'">{{ item.increaseStr }}</div>
+						</div>
+					</div>
+				</div>
+			</div>
+			<!-- <div class="market_tr" style="color: #999;line-height: 60px;">
 				<div>{{ $t("homeNewText.aa7") }}</div>
 				<div>{{ $t("homeNewText.bb1") }}</div>
 				<div>{{ $t("homeNewText.bb2") }}</div>
@@ -544,7 +625,7 @@
 				<div>{{ item.price }}</div>
 				<div :class="item.increase >= 0 ? 'increace' : 'decreace'">{{ item.increaseStr }}</div>
 				<div style="margin-left: 17%;width: 8%;text-align: right;">{{ item.count }}</div>
-			</div>
+			</div> -->
 		</div>
 		
 		<!-- 立即尝试我们的加密货币交易所 -->
@@ -554,7 +635,7 @@
 				<div style="font-size: 42px;font-weight: bold;">{{ $t("homeNewText.hh3") }}</div>
 				<div class="quickopening">{{ $t("homeNewText.hh4") }}</div>
 				<div class="quickopening_box">
-					<div style="font-size: 36px;" v-if="!isLogin">{{ $t("homeNewText.hh5",{name:'Bigtchain'}) }}</div>
+					<div style="font-size: 36px;" v-if="!isLogin">{{ $t("homeNewText.hh5",{name:'Coinprx'}) }}</div>
 					<div style="font-size: 36px;" v-else>{{ $t("homeNewText.aa4") }}</div>
 					<!-- <div class="quickopening_register">
 						{{ $t("homeNewText.hh6") }} <img src="@/assets/img/home/right-line.png" alt="" width="24" height="24">
@@ -569,7 +650,7 @@
 			</div>
 		</div>
 		<!-- 了解我们的产品 -->
-		<div style="width: 100%;background-color: #121318;">
+		<div class="ProductsandServices">
 			<div class="title3" style="padding-top: 90px;">{{ $t("homeNewText.hh7") }}</div>
 			<div class="title3" style="font-size: 15px;color: #999999;margin-top: 10px;">{{ $t("homeNewText.hh8") }}</div>
 			<div class="web_area">
@@ -606,7 +687,7 @@
 					</div>
 					<div class="product">
 						<div>
-							<div class="product_text1">{{ $t("homeNewText.hh17",{name:'Bigtchain'}) }}</div>
+							<div class="product_text1">{{ $t("homeNewText.hh17",{name:'Coinprx'}) }}</div>
 							<div class="product_text2">{{ $t("homeNewText.hh18") }}</div>
 						</div>
 						<img src="@/assets/img/home/img6.png" alt="">
@@ -650,7 +731,7 @@
 					<img src="@/assets/img/home/img12.png" width="134" height="134">
 				</div>
 				<div class="text_size">{{ $t("homeNewText.hh28") }}</div>
-				<div class="text_width">{{ $t("homeNewText.hh29",{name:'Bigtchain'}) }}</div>
+				<div class="text_width">{{ $t("homeNewText.hh29",{name:'Coinprx'}) }}</div>
 			</div>
 		</div>
 		
@@ -660,26 +741,45 @@
 				<div style="font-size: 42px;font-weight: bold;">{{ $t("homeNewText.hh30") }}</div>
 				<div class="Tradinganytime_app">{{ $t("homeNewText.hh31") }}</div>
 				<div class="Tradinganytime_flex">
-					<div style="margin-right: 175px;">
-						<div class="Tradinganytime_IOS"><img src="@/assets/img/home/md-android@2x.png" width="32" height="32"><div style="height: 28px;">Android APK</div></div>
-						<div class="Tradinganytime_Android"><img src="@/assets/img/home/antFill-apple@2x.png" width="32" height="32"><div style="height: 30px;">App Store</div></div>
+					<div>
+						<div class="Tradinganytime_Android">
+							<img v-if="theme == 'dark'" src="@/assets/img/home/IOS1.png" width="20" height="20">
+							<img v-if="theme == 'light'" src="@/assets/img/home/IOS2.png" width="20" height="20">
+							<div style="height: 30px;">App Store</div>
+						</div>
+						<div class="Tradinganytime_Google">
+							<img v-if="theme == 'dark'" src="@/assets/img/home/Google1.png" width="20" height="20">
+							<img v-if="theme == 'light'" src="@/assets/img/home/Google2.png" width="20" height="20">
+							<div style="height: 30px;">Google Play</div>
+						</div>
+						<div class="Tradinganytime_IOS">
+							<img v-if="theme == 'dark'" src="@/assets/img/home/Android1.png" width="20" height="20">
+							<img v-if="theme == 'light'" src="@/assets/img/home/Android2.png" width="20" height="20">
+							<div style="height: 28px;">Android APK</div>
+						</div>
+					</div>
+					<div class="center">
+						<div class="line"></div>
+						<div class="line"></div>
+						<div class="line"></div>
+						<div class="line"></div>
 					</div>
 					<div class="Tradinganytime_img"><img src="../../assets/img/xus_qr.png" width="202" height="202"></div>
 				</div>
 			</div>
 		</div>
 		
-		<div class="title1">{{ $t("homeNewText.hh36",{name:'Bigtchain'}) }}</div>
+		<div class="title1">{{ $t("homeNewText.hh36",{name:'Coinprx'}) }}</div>
 		<div class="Serve_bot">
 			<div class="Serve_bot_box1">
 				<div style="font-size: 28px;font-weight: 700;">{{$t("homeNewText.hh37")}}</div>
-				<div style="color: #707a8a;font-size: 16px;">{{ $t("homeNewText.hh38",{name:'Bigtchain'}) }}</div>
+				<div style="color: #707a8a;font-size: 16px;">{{ $t("homeNewText.hh38",{name:'Coinprx'}) }}</div>
 			</div>
 			<div class="Serve_bot_box2">
 				<div class="Serve_bot_box2_text">{{$t("homeNewText.hh39")}}</div>
 				<div style="color: #707a8a;">
 					<div class="Serve_bot_box2_text1">
-						{{ $t("homeNewText.hh40",{name:'Bigtchain'}) }}
+						{{ $t("homeNewText.hh40",{name:'Coinprx'}) }}
 					</div>
 					<div style="margin: 20px 0 20px;">{{$t("homeNewText.hh41")}}</div>
 					<div style="margin-bottom: 40px;">
@@ -696,7 +796,7 @@
 			<img src="@/assets/img/home/img19.svg" style="width: 100%;" />
 			<div class="box6">
 				<div>
-					<div style="text-align: center;color: #fff;font-size: 50px;font-weight: bold;">{{ $t("homeNewText.hh32") }}</div>
+					<div class="box6_txt">{{ $t("homeNewText.hh32") }}</div>
 					<div style="text-align: center;margin-top: 30px;">
 						<router-link v-if="!isLogin" class="jump_btn1" :to="{name:'signUp'}">
 							{{ $t("homeNewText.hh33") }}
@@ -1176,7 +1276,7 @@ export default {
       return Boolean(localStorage.token);
     },
     downloadLink() {
-      return "https://seee.bigtchain.com/download";
+      return "https://seee.coinprx.com/download";
     },
     // 特色卡片列表
     featuresList() {
@@ -1257,7 +1357,10 @@ export default {
       noticeList: [],
       data: [99, 71, 78, 25, 36, 92],
       line: "",
-	  helpList: []
+	  helpList: [],
+	  sortedNegativeItems:[],
+	  sortedNegativeItems1:[],
+	  theme:localStorage.getItem("theme"),
     };
   },
   methods: {
@@ -1308,6 +1411,8 @@ export default {
 
           this.homeList = res.homeList;
           this.homeList2 = res.homeList.slice(0,4);
+		  this.sortedNegativeItems = res.data.marketList;
+		  this.sortedNegativeItems1 = res.data.marketList;
           //   console.log(res.homeList);
           this.marketList = res.marketList;
           // this.calculatePath()
@@ -1323,36 +1428,36 @@ export default {
         .catch((res) => {});
     },
     skroll() {
-      let skro = this.skro;
-
-      skro
-        .add(".marquee-list .item", {
-          animation: "fadeInLeft",
-          delay: 80,
-          duration: 1000,
-        })
-        .add(".new-ticker-block", {
-          animation: "fadeInRight",
-          delay: 80,
-          duration: 800,
-        })
-        .add(".shlitu", {
-          animation: "fadeInLeft",
-          delay: 80,
-          duration: 800,
-        })
-        .add(".activity-box", {
-          animation: "zoomIn",
-          delay: 80,
-          duration: 800,
-        })
-        .add(".lattest-news-section .item", {
-          animation: "zoomIn",
-          wait: 150,
-          delay: 80,
-          duration: 800,
-        })
-        .init();
+    //   let skro = this.skro;
+
+    //   skro
+    //     .add(".marquee-list .item", {
+    //       animation: "fadeInLeft",
+    //       delay: 80,
+    //       duration: 1000,
+    //     })
+    //     .add(".new-ticker-block", {
+    //       animation: "fadeInRight",
+    //       delay: 80,
+    //       duration: 800,
+    //     })
+    //     .add(".shlitu", {
+    //       animation: "fadeInLeft",
+    //       delay: 80,
+    //       duration: 800,
+    //     })
+    //     .add(".activity-box", {
+    //       animation: "zoomIn",
+    //       delay: 80,
+    //       duration: 800,
+    //     })
+    //     .add(".lattest-news-section .item", {
+    //       animation: "zoomIn",
+    //       wait: 150,
+    //       delay: 80,
+    //       duration: 800,
+    //     })
+    //     .init();
     },
 
     // 是否为自选
@@ -1416,6 +1521,55 @@ export default {
           this.marketList = data;
           this.brokenLine = data[0].marketInfoList.slice(0,5);
           this.homeList2 = data[0].marketInfoList.slice(0,4);
+		   
+		  let allNegativeIncreaseItems = []
+		  this.sortedNegativeItems = []
+		  const excludedCoins = ["CQF", "HZL", "NKA", "PMK", "GCUL", "DFU", "ACK"];
+		  data.forEach((item) => {
+		    if (item.marketInfoList) {
+		      const negativeItems = item.marketInfoList.filter((info) => {
+		      // 条件1：increaseStr 以 "-" 开头（负增长）
+		      // 条件2：coin_name 不在 excludedCoins 列表中
+				return (
+					info.increaseStr && 
+					info.increaseStr.startsWith("-") && 
+					!excludedCoins.includes(info.coin_name)
+				);
+		      });
+		      allNegativeIncreaseItems.push(...negativeItems); // 合并到总数组
+		    }
+		  });
+		  this.sortedNegativeItems = [...allNegativeIncreaseItems].sort((a, b) => {
+			const numA = parseFloat(a.increaseStr);
+			const numB = parseFloat(b.increaseStr);
+			return numA - numB; // 升序排列（小的在前）
+		  });
+		  
+		  let allPositiveIncreaseItems = []; // 存储 "+" 开头的项
+		  this.sortedNegativeItems1 = []; // 存储排序后的结果
+		   
+		  data.forEach((item) => {
+		    if (item.marketInfoList) {
+		      const positiveItems = item.marketInfoList.filter((info) => {
+				  return (
+					info.increaseStr && 
+					info.increaseStr.startsWith("+")&& 
+					!excludedCoins.includes(info.coin_name)
+				  )
+			  });
+		      allPositiveIncreaseItems.push(...positiveItems); // 合并到总数组
+		    }
+		  });
+		   
+		  // 按数值降序排列（大的在前）
+		  this.sortedNegativeItems1 = [...allPositiveIncreaseItems].sort((a, b) => {
+		    const numA = parseFloat(a.increaseStr);
+		    const numB = parseFloat(b.increaseStr);
+		    return numB - numA; // 降序（大的在前）
+		  });
+		  
+		  // console.log(this.sortedNegativeItems,'123');
+		  
           this.replaceOptional();
           // this.calculatePath()
         } else if (type == "ping") {
@@ -1478,6 +1632,7 @@ export default {
   },
   created() {
     this.indexList();
+	this.theme = localStorage.getItem("theme")||'light';
   },
   mounted() {
     this.article();
@@ -2723,6 +2878,11 @@ path {
 	width: 1200px;
 	font-size: 16px;
 	margin: 100px auto;
+	.market_table_box{
+		color: #fff;
+		font-size: 42px;
+		font-weight: bold;
+	}
 	.icon {
 		width: 30px;
 		height: 30px;
@@ -2730,11 +2890,34 @@ path {
 	}
 	.market_tr {
 		display: flex;
-		justify-content: center;
+		justify-content: space-between;
 		align-items: center;
-		line-height: 50px;
-		div {
-			width: 25%;
+		padding: 20px 0px;
+		// line-height: 60px;
+		// div {
+		// 	width: 10%;
+		// }
+	}
+	.market_box{
+		width: 30%;
+		padding: 40px;
+		border-radius: 15px;
+		border: 1px solid #fff;
+		
+		.title{
+			display: flex;
+			align-items: center;
+			.strip{
+				background-color: rgb(1, 188, 141);
+				width: 5px;
+				height: 20px;
+			}
+			.name{
+				color: #fff;
+				font-size: 20px;
+				font-weight: 700;
+				margin-left: 10px;
+			}
 		}
 	}
 	.increace {
@@ -2749,15 +2932,17 @@ path {
 	width: 1200px;
 	margin: 0px auto;
 	align-items: center;
-	padding-top: 100px;
-	padding-bottom: 100px;
-	background-color: #0D0E12;
+	// padding-top: 100px;
+	// padding-bottom: 100px;
+	background-color: #ffffff;
+	// background-color: #0D0E12;
 	justify-content: space-between;
 	.left {
-		color: #fff;
+		color: #000;
 		max-width: 650px;
 		.title {
-			font-size: 60px;
+			font-size: 45px;
+			font-weight: bold;
 		}
 		.btn {
 			min-width: 511px;
@@ -2780,7 +2965,8 @@ path {
 .boximg{
 	width: 100%;
 	// height: 690px;
-	background-color: #0D0E12;
+	background-color: #ffffff;
+	// background-color: #0D0E12;
 	// margin: auto;
 	// background: url('../../assets/img/home/img1.png');
 	// background-size: 1917px;
@@ -2795,7 +2981,8 @@ path {
 	line-height: 50px;
 	text-align: center;
 	color: #fff;
-	background-color: #54B58F;
+	background-color: #000000;
+	// background-color: #54B58F;
 	border-radius: 10px;
 	font-size: 20px;
 	padding: 0px 20px;
@@ -2856,6 +3043,11 @@ path {
 	}
 }
 
+.ProductsandServices{
+	width: 100%;
+	background-color: #121318;
+}
+
 .title3{
 	width: 1200px;
 	text-align: center;
@@ -3015,21 +3207,27 @@ path {
 	
 	.Tradinganytime_flex{
 		display: flex;
-		height: 202px;
-		align-items: center;
+		// height: 202px;
+		// align-items: center;
 		margin-top: 40px;
 		
 		.Tradinganytime_Android{
-			font-size: 22px;
-			font-weight: bold;
+			font-size: 20px;
+			font-weight: 600;
 			display: flex;
 			align-items: center;
+			margin-bottom: 55px;
 		}
-		
-		.Tradinganytime_IOS{
-			font-size: 22px;
-			font-weight: bold;
+		.Tradinganytime_Google{
+			font-size: 20px;
+			font-weight: 600;
+			display: flex;
+			align-items: center;
 			margin-bottom: 55px;
+		}
+		.Tradinganytime_IOS{
+			font-size: 20px;
+			font-weight: 600;
 			display: flex;
 			align-items: center;
 		}
@@ -3039,6 +3237,30 @@ path {
 			height: 202px;
 			// background-color: #808080;
 		}
+		
+		.center{
+			display: flex;
+			flex-wrap: wrap;
+			width: 120px;
+			margin: 13px 30px;
+		}
+		.line{
+			width: 50%;
+		}
+		.line:first-child{
+			border-top: 1px solid #707a8a;
+			border-right: 1px solid #707a8a;
+			border-bottom: 1px solid #707a8a;
+			border-top-right-radius: 20px;
+		}
+		.line:nth-child(2){
+			border-bottom: 1px solid #707a8a
+		}
+		.line:nth-child(3){
+			border-bottom: 1px solid #707a8a;
+			border-right: 1px solid #707a8a;
+			border-bottom-right-radius: 20px
+		}
 	}
 }
 
@@ -3070,6 +3292,13 @@ path {
 		flex-direction: column;
 		justify-content: center;
 		align-items: center;
+		
+		.box6_txt{
+			color: #fff;
+			font-size: 50px;
+			font-weight: bold;
+			text-align: center;
+		}
 	}
 }
 </style>

src/views/option/kline.vue

@@ -99,9 +99,9 @@ export default {
     symbol() {
       return this.activeCoin.pair_name;
     },
-    ...mapState({
-      theme: "theme",
-    }),
+    // ...mapState({
+    //   theme: "theme",
+    // }),
     ajaxTv() {
       return this.contract ? contractAjax : exchangeAjax;
     },
@@ -122,7 +122,9 @@ data() {
         sub: "",
         isCreateSocket: false,
         page: {},
-        tt:undefined
+        tt:undefined,
+		theme:localStorage.getItem('theme')
+		// ||'light'
     };
 },
 methods: {
@@ -332,7 +334,7 @@ methods: {
             library_path: "/static/Kline/charting_library/",
             datafeed: Tdata,
             locale: _this.lang,
-            toolbar_bg: _this.theme == "black" ? "#f1f3f6" : "#222e3d",
+            toolbar_bg: _this.theme == "dark" ? "#f1f3f6" : "#222e3d",
             enable_publishing: false,
             withdateranges: true,
             hide_side_toolbar: false,
@@ -361,7 +363,7 @@ methods: {
             supported_resolutions: ["5", "15", "30", "60", "240", "1D", "1W", "1M"],
             overrides: tvStyle[_this.theme],
             custom_css_url: `/static/Kline/charting_library/static/css/tradingview_${
-            _this.theme == "black" ? "white" : "black"
+            _this.theme == "dark" ? "white" : "black"
             }.css`,
             drawings_access: {
                 type: "black",

src/views/profile/certification.vue

@@ -214,13 +214,13 @@
                 </div>
               </template>
             </upload-img> -->
-			<el-upload :class="{ disabled: noUpload }" name="image" drag action="https://seee.bigtchain.com/api/uploadImage" list-type="picture-card"
+			<el-upload :class="{ disabled: noUpload }" name="image" drag action="https://seee.coinprx.com/api/uploadImage" list-type="picture-card"
 			:limit="1" :on-remove="handleRemove" :on-success="Imagesuccess" :on-change="checkImageFormat" :before-upload="beforeAvatarUpload" class="mb-3">
 				<i class="el-icon-upload" style="margin: 40px 0 16px;line-height: 50px;font-size: 67px;"></i>
 				<div class="el-upload__text">{{$t('profile.positive')}}-{{$t('profile.dragHere')}}<em style="color: #409EFF;font-style: normal;">{{$t('profile.clickUpload')}}</em></div>
 			</el-upload>
 			
-			<el-upload :class="{ disabled1: noUpload1 }" name="image" drag action="https://seee.bigtchain.com/api/uploadImage" list-type="picture-card"
+			<el-upload :class="{ disabled1: noUpload1 }" name="image" drag action="https://seee.coinprx.com/api/uploadImage" list-type="picture-card"
 			:limit="1" :on-remove="handleRemove1" :on-success="Imagesuccess1" :on-change="checkImageFormat1" :before-upload="beforeAvatarUpload">
 				<i class="el-icon-upload" style="margin: 40px 0 16px;line-height: 50px;font-size: 67px;"></i>
 				<div class="el-upload__text">{{$t('profile.theOtherSide')}}-{{$t('profile.dragHere')}}<em style="color: #409EFF;font-style: normal;">{{$t('profile.clickUpload')}}</em></div>

src/views/signIn/index.vue

@@ -1,15 +1,16 @@
 <template>
     <div>
-        <div class="vh-100 d-flex justify-content-center">
-            <div class="form-access my-auto ">
-                <form class="login-body bg-panel">
+        <div class="vh-100 d-flex back_img" style="align-items: center;color: #000;">
+            <div class="form-access my-auto form-access1" style="margin-left: 150px;">
+                <form class="login-body">
+					 <!-- bg-panel -->
                     <div class="text-center h3">
                         <span>{{ $t("login.sign-in") }}</span>
                     </div>
 
                     <template v-if="step === 1 ">
                         <div class="form-group">
-                            <input type="text" name="account" v-model="user.account" required :data-has="$t('login.effectivePhoneEmail')" class="form-control" :placeholder="$t('login.enterPhoneEmail')" :data-message="$t('login.effectivePhoneEmail')" />
+                            <input type="text" style="background-color: #fff;color: #000;" name="account" v-model="user.account" required :data-has="$t('login.effectivePhoneEmail')" class="form-control" :placeholder="$t('login.enterPhoneEmail')" :data-message="$t('login.effectivePhoneEmail')" />
                         </div>
                         <div class="form-group">
                             <!-- <input type="password" v-model="user.password" class="form-control" name="password" required :data-has="$t('login.emailCode',{num:'8-15'})" pattern="(?=.*([a-zA-Z].*))(?=.*[0-9].*)[a-zA-Z0-9-*/+.~!@#$%^&*()]{8,15}$" :data-message="$t('login.passwordLength',{num:'8-15'})" :placeholder="$t('login.password')" /> -->
@@ -66,7 +67,7 @@
                     </template>
                 </form>
 
-                <h2>
+                <h2 class="login_color">
                     {{$t('login.noAccountYet')}}?
                     <router-link to="/sign-up">{{$t('login.goRegister1')}}</router-link>
                 </h2>
@@ -529,8 +530,32 @@ export default {
     }
 };
 </script>
-
+<style>
+	.form-access1 .el-input__inner{
+		background-color: #fff;
+		color:#000;
+	}
+</style>
 <style lang="scss" scoped>
+.form-access form{
+	border: 0px !important;
+	box-shadow:rgba(255, 255, 255, 0.2) 0px 2px 14px -6px !important;
+	min-width: 500px !important;
+}
+.back_img{
+	background-image: url('../../assets/img/home/loginback.jpg');
+	background-repeat: no-repeat;
+	background-size: cover;
+}
+.form-control{
+	background-color: #fff !important;
+}
+.text-right a:hover{
+	color: #5962df !important;
+}
+.login_color a:hover{
+	color: #5962df !important;
+}
 form.login-body {
     .form-group {
         margin: 1rem auto;

src/views/signUp/index.vue

@@ -1,8 +1,9 @@
 <template>
     <div>
-        <div class="vh-100 d-flex justify-content-center">
-            <div class="form-access my-auto">
-                <form class="register-body bg-panel">
+        <div class="vh-100 d-flex back_img" style="align-items: center;color: #000;">
+            <div class="form-access my-auto form-access1" style="margin-left: 150px;">
+                <form class="register-body">
+					 <!-- bg-panel -->
                     <div class="text-center h3">
                         <span>{{$t('login.goRegister')}}</span>
                     </div>
@@ -24,7 +25,7 @@
               show为默认的控制显示 这里替换为v-if的渲染 这样email和phone只能存在一个 避免同时创建require规则时报错-->
                             <div class="tab-pane fade" :class="{show:registerType == 1, active:registerType == 1}" v-if="registerType==1" id="email" role="tabpanel" aria-labelledby="email-tab">
                                 <div class="form-group">
-                                    <input type="email" name="email" class="form-control" :placeholder="$t('login.pleaseEmail')" v-model="user.email" :data-has="$t('login.pleaseEmail')" :data-message="$t('login.invalidEmail')" />
+                                    <input type="email" name="email" class="form-control form-control_input" :placeholder="$t('login.pleaseEmail')" v-model="user.email" :data-has="$t('login.pleaseEmail')" :data-message="$t('login.invalidEmail')" />
                                 </div>
                             </div>
                             <!-- phone number  -->
@@ -36,32 +37,32 @@
                                                 <el-option v-for="(item, index) in cacheOption" :key="index" :value="`${item.id}`" :label="`+${item.country_code} ${item.name} ${item.code}`"></el-option>
                                             </el-select>
                                         </div>
-                                        <input type="text" name="phone" class="form-control" :placeholder="$t('login.enterMobile')" v-model="user.phone" :data-has="$t('login.enterMobile')"/>
+                                        <input type="text" name="phone" class="form-control form-control_input" :placeholder="$t('login.enterMobile')" v-model="user.phone" :data-has="$t('login.enterMobile')"/>
                                     </div>
                                 </div>
                             </div>
                         </div>
 
                         <div class="form-group row password">
-                            <input :type="pwdType" id="password" v-model="user.password" required :placeholder="$t('login.password')" class="form-control" />
+                            <input :type="pwdType" id="password" v-model="user.password" required :placeholder="$t('login.password')" class="form-control form-control_input" />
                             <label for="password" @click="showType('pwdType')"></label>
                         </div>
 
                         <div class="form-group row password">
                             <!-- 使用data-type指定额外的类型验证 -->
-                            <input :type="repwdType" id="repassword" v-model="user.repassword" required :placeholder="$t('login.confirm-password')" class="form-control" />
+                            <input :type="repwdType" id="repassword" v-model="user.repassword" required :placeholder="$t('login.confirm-password')" class="form-control form-control_input" />
                             <label @click="showType('repwdType')"></label>
                         </div>
                         <div class="form-group row password">
                             <!-- 增加图形验证码 -->
-                            <input type="text" id="gccode" v-model="user.gc_code" required :placeholder="$t('common.GraphicValidation')" class="form-control col-6" />
-                            <div class="col-6" style="display: inline-block;">
+                            <input type="text" id="gccode" v-model="user.gc_code" required :placeholder="$t('common.GraphicValidation')" class="form-control form-control_input col-6" />
+                            <div class="col-6" style="display: inline-block;width: 100px;height:50px;">
                                 <img :src="Graph_che" @click="gett_gc_code" style="width: 100%;height: 100%;object-fit: contain;">
                             </div>
                         </div>
 
                         <div class="form-group row">
-                            <input type="text" class="form-control" :disabled="$route.query.invite_code?true:false" v-model="user.parentCode" :placeholder="`${$t('login.referrer')}`" />
+                            <input type="text" class="form-control form-control_input" :disabled="$route.query.invite_code?true:false" v-model="user.parentCode" :placeholder="`${$t('login.referrer')}`" />
                             <!-- （${$t('login.optional')}） -->
                         </div>
 
@@ -90,7 +91,7 @@
                             <section class="my-codes">
                                 <header class="my-codes__title">{{$t('login.verCode')}}</header>
                                 <div class="my-codes__controls">
-                                    <input type="text" v-for="pos in 6" :key="pos" pattern="[0-9]*" @focus="current=pos" @blur="current=-1" ref="spaces" class="form-control" @keyup="handleKeyUp(pos-1, $event)" @input="handleInput(pos-1, $event)" @paste="autofill" />
+                                    <input type="text" v-for="pos in 6" :key="pos" pattern="[0-9]*" @focus="current=pos" @blur="current=-1" ref="spaces" class="form-control form-control_input" @keyup="handleKeyUp(pos-1, $event)" @input="handleInput(pos-1, $event)" @paste="autofill" />
                                 </div>
                             </section>
                             <aside class="prompt">
@@ -115,7 +116,7 @@
                             <section class="my-codes">
                                 <header class="my-codes__title">Code</header>
                                 <div class="my-codes__controls">
-                                    <input type="text" v-for="pos in 6" :key="pos" pattern="[0-9]*" @focus="current=pos" @blur="current=-1" ref="spaces" class="form-control" @keyup="handleKeyUp(pos-1, $event)" @input="handleInput(pos-1, $event)" @paste="autofill" />
+                                    <input type="text" v-for="pos in 6" :key="pos" pattern="[0-9]*" @focus="current=pos" @blur="current=-1" ref="spaces" class="form-control form-control_input" @keyup="handleKeyUp(pos-1, $event)" @input="handleInput(pos-1, $event)" @paste="autofill" />
                                 </div>
                             </section>
                             <aside class="prompt">
@@ -128,7 +129,7 @@
                         </div>
                     </template>
                 </form>
-                <h2>
+                <h2 class="login_color">
                     {{$t('login.hasAccount')}}?
                     <router-link to="sign-in">{{$t('login.toLogin')}}</router-link>
                 </h2>
@@ -583,9 +584,38 @@ export default {
     }
 };
 </script>
-
+<style>
+	.form-access1 .el-input__inner{
+		background-color: #fff;
+		color:#000;
+	}
+</style>
 <style lang="scss" scoped>
 @import '@/assets/scss/base/_common.scss';
+
+.form-access form{
+	border: 0px !important;
+	box-shadow:rgba(255, 255, 255, 0.2) 0px 2px 14px -6px !important;
+	min-width: 500px !important;
+}
+.back_img{
+	background-image: url('../../assets/img/home/loginback.jpg');
+	background-repeat: no-repeat;
+	background-size: cover;
+}
+.form-control_input{
+	color: #000 !important;
+	background-color: #fff !important;
+}
+.form-control{
+	background-color: #fff !important;
+}
+.custom-control-label a{
+	color: #5962df !important;
+}
+.login_color a:hover{
+	color: #5962df !important;
+}
 form.register-body {
     .form-group {
         margin: 1rem auto;
@@ -598,7 +628,7 @@ form.register-body {
             // border: 1px solid red;
             display: inline-block;
             content: "";
-            background: url("../../assets/img/eyed.svg") no-repeat center center;
+            background: url("../../assets/img/eyes.svg") no-repeat center center;
             // background-repeat: no-repeat;
             background-size: 1rem 1rem;
             position: absolute;

src/views/wallet/deposit.vue

@@ -2,7 +2,7 @@
 	 <div class="settings wallet-page">
 		 <secondary-nav></secondary-nav>
 		 <div class="container">
-			<div class="" style="background-color: #121212;color: #fff;padding:20px 40px;margin-top: 10px;">
+			<div class="container_box">
 				<div class="title1">{{$t('service.a1')}}</div>
 				<div class="title2">{{$t('service.a2')}}</div>
 				<!-- <div class="title3">{{$t('service.a3')}}</div> -->
@@ -13,7 +13,7 @@
 				</div> -->
 				<div class="title3">{{$t('service.a4')}}</div>
 				<div class="d-flex">
-					<input type="number" placeholder="0" model="form.amount1" class="input-control" style="background-color: #242424;width: 65%;"></v-input>
+					<input type="number" placeholder="0" model="form.amount1" class="input-control"></v-input>
 					<div class="right_txt" style="color: #d2de8e;">USDT</div>
 				</div>
 				<!-- <div class="flex-text">
@@ -29,13 +29,13 @@
 							<div class="banking_txt">E-Banking</div>
 						</div>
 						<div class="banking_box2">
-							<div style="color: #717171;">{{$t('service.a9')}}<span style="color: #fff;">**** ****</span></div>
+							<div style="color: #717171;">{{$t('service.a9')}}<span class="banking_box2_color">**** ****</span></div>
 						</div>
 						<div class="banking_box2">
-							<div style="color: #717171;">{{$t('service.a10')}}<span style="color: #fff;">********</span></div>
+							<div style="color: #717171;">{{$t('service.a10')}}<span class="banking_box2_color">********</span></div>
 						</div>
 						<div class="banking_box2">
-							<div style="color: #717171;">{{$t('service.a11')}}<span style="color: #fff;">********</span></div>
+							<div style="color: #717171;">{{$t('service.a11')}}<span class="banking_box2_color">********</span></div>
 						</div>
 					</div>
 					<div class="banking_title3">{{$t('service.a12')}}</div>
@@ -100,6 +100,12 @@
 </script>
 
 <style scoped lang="scss">
+	.container_box{
+		color: #fff;
+		margin-top: 10px;
+		padding:20px 40px;
+		background-color: #121212;
+	}
 	.title1{
 		// margin-top: 50px;
 		font-weight: bold;
@@ -124,14 +130,16 @@
 		border-radius: 0px 5px 5px 0px;
 	}
 	.input-control{
-		width: 66%;
+		width: 65%;
+		// width: 66%;
 		height: calc(1.5em + .75rem + 2px);
 		padding: .375rem .75rem;
 		font-size: 1rem;
 		font-weight: 400;
 		line-height: 1.5;
 		color: #495057;
-		background-color: #fff;
+		// background-color: #fff;
+		background-color: #242424;
 		background-clip: padding-box;
 		border: 1px solid #242424;
 		border-radius: 5px 0px 0px 5px;
@@ -185,5 +193,9 @@
 			font-size: 26px;
 			margin-top: 50px;
 		}
+		
+		.banking_box2_color{
+			color: #fff;
+		}
 	}
 </style>

src/views/wallet/exchange-assets.vue

@@ -218,7 +218,7 @@
                                 </span>
                             </div> -->
                             <template v-if="deposite.address!=''">
-                                <input type="text" v-model="deposite.address" readonly class="form-control" id="deposite-address" required />
+                                <input type="text" v-model="deposite.address" readonly class="form-control form-control1" id="deposite-address" required />
                                 <div class="input-group-append dopsite-control" data-clipboard-target="#deposite-address">
                                     <span class="my-pop input-group-text" data-toggle="popover" data-placement="bottom" :data-content="$t('wallet.rechargeAddress')+'!'">
                                     <a href="javascript:void 0" alt="Copy to clipboard">{{$t('wallet.copy')}}</a>