2

src/assets/scss/base/_common.scss

@@ -284,7 +284,8 @@ $basew: 24;
 .btn-primary {
     color: $cls-white;
     border: none;
-    background-image: linear-gradient(to right, #6d9ef9, #1f5df4);
+    // background-image: linear-gradient(to right, #6d9ef9, #1f5df4);
+    background-color: #326AEB;
 }
 .btn-success {
     color: $cls-white;
@@ -404,3 +405,10 @@ $basew: 24;
         
     }
 }
+
+.theme-color-a{
+    color: #326AEB !important;
+}
+.theme-bg-color-a{
+    background-color: #326AEB !important;
+}

src/assets/scss/layout/_header.scss

@@ -47,7 +47,7 @@ header nav a {
   color: inherit;
 }
 header nav a:hover {
-  color: #c99445;
+  color: #326AEB;
 }
 header .navbar-brand {
   padding: 0;

src/assets/scss/module/_home.scss

@@ -100,7 +100,7 @@ a {
 a:hover,
 a:focus {
   text-decoration: none;
-  color: white;
+  color: #326AEB;
   outline: 0;
 }
 

src/components/CommonFooter.vue

@@ -9,40 +9,40 @@
                 <img :src="appConfig.head_logo" alt="logo"  style="width:100%;height:100%;object-fit: contain;"/>
             </div>
 
-          <span>{{$t('common.footerTips1')}}</span>
+          <!-- <span>{{$t('common.footerTips1')}}</span> -->
         </div>
-        <p class="foot_p">{{$t('common.footerTips2',{name:appConfig.name})}}</p>
-        <p class="foot_p">{{$t('common.footerTips3')}}</p>
+        <!-- <p class="foot_p">{{$t('common.footerTips2',{name:appConfig.name})}}</p> -->
+        <!-- <p class="foot_p">{{$t('common.footerTips3')}}</p> -->
       </div>
-        <div class="item" style="width:33%">
-            <p class="item_p" style="text-align: center; font-size:16px;">{{ $t("common.service") }}</p>
-            <p class="foot_p" style="text-align: center;">
-                <router-link :to="service[0].url">{{ service[0].label }}</router-link>
-                &nbsp
-                <router-link :to="service[1].url">{{ service[1].label }}</router-link>
-            </p>
-            <p class="foot_p" style="text-align: center;">
-                <router-link :to="service[2].url">{{ service[2].label }}</router-link>
-                &nbsp
-<!--                <router-link :to="service[3].url">{{ service[3].label }}</router-link>-->
-            </p>
-        </div>
-      <div class="item_right" style="width:33%">
-
-
-        <!-- <div class="item item1">
+      <div class="item_right" style="width:66%">
+        <div class="item">
           <p class="item_p">{{ $t("common.college") }}</p>
-          <p class="foot_p" >
-            <router-link :to="college[0].url">{{ college[0].label }}</router-link>&nbsp
+          <p class="foot_p">
+            <router-link :to="college[0].url">{{ college[0].label }}</router-link>
+            <br />
             <router-link :to="college[1].url">{{ college[1].label }}</router-link>
           </p>
           <p class="foot_p">
-            <router-link :to="college[2].url">{{ college[2].label }}</router-link>&nbsp
+            <router-link :to="college[2].url">{{ college[2].label }}</router-link>
+            <br />
             <router-link :to="college[3].url">{{ college[3].label }}</router-link>
           </p>
-        </div> -->
+        </div>
+        <div class="item">
+          <p class="item_p">{{ $t("common.service") }}</p>
+          <p class="foot_p">
+              <router-link :to="service[0].url">{{ service[0].label }}</router-link>
+              <br />
+              <router-link :to="service[1].url">{{ service[1].label }}</router-link>
+          </p>
+          <p class="foot_p">
+              <router-link :to="service[2].url">{{ service[2].label }}</router-link>
+              <br />
+              <router-link :to="service[3].url">{{ service[3].label }}</router-link>
+          </p>
+        </div>
 
-        <div class="item item2" style="text-align: center;width:100%">
+        <div class="item item2">
           <p class="item_p" style="width:100%">{{ $t("common.contactUs") }}</p>
           <p class="foot_p" style="width:100%">
             {{ $t("common.email") }}:
@@ -50,10 +50,13 @@
           <p class="foot_p" style="width:100%">
             {{email}}
           </p>
+          <p class="foot_p" style="width:100%">
+            <br /><br />
+          </p>
         </div>
       </div>
-      <!-- <div class="container">
-        <div class="row"> -->
+      <div class="container" v-if="0">
+        <div class="row">
           <!-- <div class="col-lg-2 col-md-3 mb-4">
             <div class="footer-logo">
               <a href="#">
@@ -63,7 +66,7 @@
             </div>
           </div> -->
           <!-- 服务列表 -->
-          <!-- <div class="col-lg-1 col-md-3 mb-4">
+          <div class="col-lg-1 col-md-3 mb-4">
             <div class="footer-info-list">
               <h4>{{ $t("common.service") }}</h4>
               <ul>
@@ -72,9 +75,9 @@
                 </li>
               </ul>
             </div>
-          </div> -->
+          </div>
           <!-- 学院列表 -->
-          <!-- <div class="col-lg-1 col-md-3 mb-4">
+          <div class="col-lg-1 col-md-3 mb-4">
             <div class="footer-info-list">
               <h4>{{ $t("common.college") }}</h4>
               <ul>
@@ -83,10 +86,10 @@
                 </li>
               </ul>
             </div>
-          </div> -->
+          </div>
 
           <!-- 联系我们 -->
-          <!-- <div class="col-lg-2 col-md-6">
+          <div class="col-lg-2 col-md-6">
             <div class="footer-info-list">
               <h4>{{$t('common.contactUs')}}</h4>
               <ul class="contact-info">
@@ -94,9 +97,9 @@
                   {{ $t("common.email") }}:
                   <span>{{email}}</span>
                 </li>
-                <li>
+                <!-- <li>
                   Phone: <span>{{contactinfo.mobile}}</span>
-                </li>
+                </li> -->
               </ul>
               <ul class="social-style-two">
                 <li>
@@ -126,8 +129,8 @@
                 </li>
               </ul>
             </div>
-          </div> -->
-          <!-- <div class="col-lg-4 col-md-6 border-left">
+          </div>
+          <div class="col-lg-4 col-md-6 border-left" v-if="0">
             <div class="pl-2 ">
               <div class="mb-2">
                 {{$t('common.footerTips1')}}
@@ -136,9 +139,9 @@
               <div class="mb-2">{{$t('common.footerTips3')}}</div>
 
             </div>
-          </div> -->
-        <!-- </div> -->
-      <!-- </div> -->
+          </div>
+        </div>
+      </div>
     </div>
     <div class="footer-bottom">
       <!-- 版权信息 -->
@@ -250,9 +253,6 @@ export default {
           color: #172636;
         }
       }
-      .item1{
-        text-align: center;
-      }
       .item2{
         padding-left: 64px;
       }

src/components/CommonHeader.vue

@@ -89,10 +89,20 @@
                     </a>
                     </li> -->
 
+                    <li class="nav-item dropdown" style="padding-top: 13px;line-height: 10px;margin-right: -8px;">
+                      <div style="width: 22px;height: 22px;border-radius: 50%;overflow: hidden;">
+                        <img :src="langer" style="height: 100%;" mode="aspectFill"/>
+                      </div>
+                    </li>
                     <li class="nav-item dropdown">
                         <a class="nav-link dropdown-toggle" href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">{{ nativeLang }}</a>
                         <div class="dropdown-menu">
-                            <a class="dropdown-item" href @click.prevent="chooseNative(item.value)" v-for="(item, index) in langList" :key="index">{{ item.label }}</a>
+                            <a class="dropdown-item" href @click.prevent="chooseNative(item.value)" v-for="(item, index) in langList" :key="index">
+                                <div class="nav-item_icon">
+                                    <div class="flag-img"><img :src="item.url" mode="aspectFill"/></div>
+                                    <span class="txt">{{ item.label }}</span>
+                                </div>
+                            </a>
                         </div>
                     </li>
 
@@ -153,8 +163,8 @@
                     </template>
                     <template v-else>
                         <li class="nav-item dropdown no-login" style="width:auto">
-                            <router-link to="/sign-in" class="btn btn-primary btn-sm rounded-pill" href="#" tag="div" role="button" style="margin:0 15px">{{$t('common.sign_in')}}</router-link>
-                            <router-link to="/sign-up" class="btn btn-outline-light btn-sm btn-light-shadow rounded-pill" href="#" tag="div" role="button">{{$t('common.sign_up')}}</router-link>
+                            <router-link to="/sign-in" class="btn btn-primary btn-sm rounded-pill theme-bg-color-a" href="#" tag="div" role="button" style="margin:0 15px;background-image: none;">{{$t('common.sign_in')}}</router-link>
+                            <router-link to="/sign-up" class="btn btn-outline-light btn-sm rounded-pill" href="#" tag="div" role="button">{{$t('common.sign_up')}}</router-link>
                         </li>
                     </template>
                 </ul>
@@ -285,59 +295,69 @@ export default {
                 // },
                 {
                     value: "en",
-                    label: "English"
+                    label: "English",
+                    url: require("../assets/img/flag/en.jpg"),
                 },
                 {
                     value: "kor",
-                    label: "한국어"
+                    label: "한국어",
+                    url: require("../assets/img/flag/kor.jpg"),
                 },
                 {
                     value: 'de',
-                    label: 'Deutsch'
+                    label: 'Deutsch',
+                    url: require("../assets/img/flag/de.jpg"),
                 },
                 {
                     value: 'fra',
-                    label: 'Français'
+                    label: 'Français',
+                    url: require("../assets/img/flag/fra.jpg"),
                 },
                 {
                     value: 'spa',
-                    label: 'Español'
+                    label: 'Español',
+                    url: require("../assets/img/flag/spa.jpg"),
                 },
                 {
                     value: 'it',
-                    label: 'Italiano'
-                },
-                {
-                    value: 'ukr',
-                    label: 'УкраїнськаName'
-                },
-                {
-                    value: 'swe',
-                    label: 'Svenska'
-                },
-                {
-                    value: 'fin',
-                    label: 'Suomi'
+                    label: 'Italiano',
+                    url: require("../assets/img/flag/it.jpg"),
                 },
+                // {
+                //     value: 'ukr',
+                //     label: 'УкраїнськаName'
+                // },
+                // {
+                //     value: 'swe',
+                //     label: 'Svenska'
+                // },
+                // {
+                //     value: 'fin',
+                //     label: 'Suomi'
+                // },
                 {
                     value: "jp",
-                    label: "日本語"
-                },
-                {
-                    value: 'pl',
-                    label: 'Polski'
+                    label: "日本語",
+                    url: require("../assets/img/flag/jp.jpg"),
                 },
+                // {
+                //     value: 'pl',
+                //     label: 'Polski'
+                // },
                 {
                     value: 'pt',
-                    label: 'Português'
+                    label: 'Português',
+                    url: require("../assets/img/flag/pt.jpg"),
                 },
                 {
                     value: 'tr',
-                    label: 'Turkey'
+                    label: 'Turkey',
+                    url: require("../assets/img/flag/tr.jpg"),
                 },
                 {
                     value: "tw", // zh-TW
-                    label: "繁体中文"
+                    label: "繁体中文",
+                    url: require("../assets/img/flag/tw.jpg"),
                 },
             ],
 
@@ -385,7 +405,8 @@ export default {
                     // }
                 ]
             },
-            userInfo: {}
+            userInfo: {},
+            langer: '',
         };
     },
 
@@ -409,6 +430,7 @@ export default {
             // }
 
             let lang = localStorage.lang || UALang;
+            this.langer = require("../assets/img/flag/" + lang + ".jpg");
             return this.langList.find(item => item.value == lang).label;
         },
 
@@ -532,8 +554,8 @@ header {
 
     .nav-bar .router-link-active {
         // color: #c99445;
-        color: black;
-        border-bottom: 2px solid black;
+        color: #326AEB;
+        border-bottom: 2px solid #326AEB;
         // background-color:rgba(53, 83, 210, 0.2) ;
     }
     .dropdown {
@@ -550,5 +572,26 @@ header {
     border-radius:5px !important
 
 }
-
+.nav-item_icon {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+.nav-item_icon:hover {
+  color: #F7D558;
+}
+.flag-img{
+    width: 22px;
+    height: 22px;
+    border-radius: 50%;
+    overflow: hidden;
+    margin-right: 8px;
+    margin-left: 6px;
+    img{
+      height: 100%;
+    }
+  }
+.img {
+  max-width: 20% !important;
+}
 </style>

src/i18n/de.json

@@ -1034,5 +1034,40 @@
         "m2":"Prüfung fehlgeschlagen",
         "m3":"Ende der Bestellung",
         "m4":"Stornierung der Bestellung"
-    }
+    },
+	"cxiNewText":{
+		"a0": "Top 10",
+		"a1": "5 Millionen+",
+		"a2": "< 0.10%",
+		"a3": "200+",
+		"a4": "Globales Ranking",
+		"a5": "Benutzer vertrauen uns",
+		"a6": "Extrem niedrige Gebühren",
+		"a7": "Länder",
+		"a21": "Jetzt Geld verdienen",
+		"a22": "Erstellen Sie ein persönliches Kryptowährungsportfolio",
+		"a23": "Kaufen, handeln und halten Sie über 100 Kryptowährungen",
+		"a24": "Laden Sie Ihr Konto auf",
+		"a25": "Melden Sie sich per E-Mail an",
+		"a38": "Starten Sie Transaktionen jederzeit und überall.",
+		"a39": "Beginnen Sie jederzeit sicher und bequem mit dem Handel über unsere APP und Webseite",
+        "a40": "IOS- und Android-Scancode herunterladen",
+		"a41": "Vertrauenswürdige Handelsplattform für Kryptowährungen",
+		"a42": "Wir setzen uns dafür ein, die Sicherheit der Benutzer mit strengen Protokollen und branchenführenden technischen Maßnahmen zu gewährleisten.",
+		"a43": "Benutzersicherheits-Asset-Fonds",
+		"a44": "Wir speichern 10 % aller Transaktionsgebühren in sicheren Vermögensfonds, um einen teilweisen Schutz der Benutzergelder zu gewährleisten",
+		"a45": "Personalisierte Zugangskontrolle",
+		"a46": "Die personalisierte Zugriffskontrolle schränkt die Geräte und Adressen ein, die auf persönliche Konten zugreifen, sodass Benutzer keine Sorgen haben müssen.",
+		"a47": "Erweiterte Datenverschlüsselung",
+		"a48": "Persönliche Transaktionsdaten werden durch Ende-zu-Ende-Verschlüsselung gesichert und der Zugriff auf persönliche Informationen ist auf den Einzelnen beschränkt.",
+		"a57": "Klicken Sie hier, um zu gehen",
+		"a71": "Einsteigerhandbuch ",
+		"a72": "Beginnen Sie sofort mit dem Erlernen des digitalen Devisenhandels ",
+		"a77": "Wie kaufe ich digitale Währung",
+		"a78": "Wie verkauft man digitale Währungen ",
+		"a79": "So handeln Sie mit digitalen Währungen",
+		"a80": "Marktplatz",
+		"a81": "24-Stunden-Markttrend",
+		"a82": "Fügen Sie Ihrem Wallet Kryptowährungsgelder hinzu und beginnen Sie sofort mit dem Handel"
+	}
 }

src/i18n/en.json

@@ -1120,5 +1120,40 @@
         "AndroidScanCodeDownload": "Android scan code",
         "IOSScanCodeDownload": "IOS scan code",
         "UseNow": "USE NOW"
-    }
+    },
+    "cxiNewText":{
+		"a0": "Top 10",
+		"a1": "5 million+",
+		"a2": "< 0.10%",
+		"a3": "200+",
+		"a4": "Global  Ranking",
+		"a5": "Users trust us",
+		"a6": "Ultra-Low Fees",
+		"a7": "Countries",
+		"a21": "Earn money now",
+		"a22": "Create a Personal Cryptocurrency Portfolio",
+		"a23": "Buy, trade and hold 100+ cryptocurrencies",
+		"a24": "Top up your account",
+		"a25": "Sign up by email",
+		"a38": "Start transactions anytime, anywhere.",
+		"a39": "Start trading safely and conveniently at any time through our APP and webpage",
+        "a40": "IOS and Android scan code download",
+		"a41": "Trustworthy cryptocurrency trading platform",
+		"a42": "We are committed to ensuring the safety of users with strict protocols and industry-leading technical measures.",
+		"a43": "User security asset funds",
+		"a44": "We store 10% of all transaction fees in safe asset funds to provide partial protection for user funds",
+		"a45": "Personalized Access Control",
+		"a46": "Personalized access control restricts the devices and addresses that access personal accounts, so that users have no worries.",
+		"a47": "Advanced Data Encryption",
+		"a48": "Personal transaction data is secured through end-to-end encryption, and access to personal information is restricted to the individual.",
+		"a57": "Click to go",
+		"a71": "Beginner's Guide ",
+		"a72": "Start digital currency trading learning immediately ",
+		"a77": "How to buy digital currency ",
+		"a78": "How to sell digital currency ",
+		"a79": "How to Trade Digital Currencies",
+		"a80": "Market place",
+		"a81": "24 hours market trend",
+		"a82": "Add cryptocurrency funds to your wallet and start trading instantly"
+    }  
 }

src/i18n/fra.json

@@ -1034,5 +1034,40 @@
         "m2":"Échec de la vérification",
         "m3":"Fin de la commande",
         "m4":"Annulation de la commande"
-    }
+    },
+	"cxiNewText":{
+		"a0": "Top 10",
+		"a1": "5 millions+",
+		"a2": "< 0.10%",
+		"a3": "200+",
+		"a4": "Classement mondial",
+		"a5": "Les utilisateurs nous font confiance",
+		"a6": "Frais ultra-bas",
+		"a7": "Des pays",
+		"a21": "Gagner un revenu immédiatement",
+		"a22": "Créer un portefeuille personnel de crypto-monnaie",
+		"a23": "Achetez, échangez et détenez plus de 100 crypto-monnaies",
+		"a24": "Recharger le compte",
+		"a25": "Inscrivez-vous par e-mail",
+		"a38": "Ouvrez des transactions à tout moment, n'importe où.",
+		"a39": "Commencez à négocier en toute sécurité et facilement à tout moment via notre application et notre page Web",
+        "a40": "Téléchargement du code de numérisation ios et Android",
+		"a41": "Une plateforme de trading de crypto-monnaie de confiance",
+		"a42": "Nous nous engageons à assurer la sécurité des utilisateurs avec des protocoles stricts et des mesures techniques de pointe.",
+		"a43": "Fonds d'actifs de sécurité des utilisateurs",
+		"a44": "Nous stockons 10 % de tous les frais de transaction dans des fonds d'actifs sûrs pour fournir une protection partielle aux fonds des utilisateurs",
+		"a45": "Contrôle d'accès personnalisé",
+		"a46": "Le contrôle d'accès personnalisé restreint l'accès aux appareils et aux adresses des comptes personnels, afin que les utilisateurs n'aient aucun souci.",
+		"a47": "Cryptage avancé des données",
+		"a48": "Les données de transaction personnelles sont protégées par un cryptage de bout en bout, et seule la personne peut accéder aux informations personnelles.",
+		"a57": "Cliquez pour aller",
+		"a71": "Guide du débutant ",
+		"a72": "Démarrez immédiatement l'apprentissage du trading de devises numériques ",
+		"a77": "Comment acheter de la monnaie numérique ",
+		"a78": "Comment vendre de la monnaie numérique ",
+		"a79": "Comment négocier des devises numériques",
+		"a80": "Place du marché",
+		"a81": "Tendance du marché sur 24 heures",
+		"a82": "Ajoutez des fonds de crypto-monnaie à votre portefeuille et commencez à trader instantanément"
+	}
 }

src/i18n/it.json

@@ -1034,5 +1034,40 @@
         "m2":"Audit non riuscito",
         "m3":"Fine dell'ordine",
         "m4":"Annullamento dell'ordine"
-    }
+    },
+	"cxiNewText":{
+		"a0": "Primi 10",
+		"a1": "5 milioni +",
+		"a2": "< 0.10%",
+		"a3": "200+",
+		"a4": "Classifica globale",
+		"a5": "Gli utenti si fidano di noi",
+		"a6": "Commissioni ultra basse",
+		"a7": "Paesi",
+		"a21": "Guadagna reddito immediatamente",
+		"a22": "Crea un portafoglio personale di criptovalute",
+		"a23": "Compra, scambia e detieni oltre 100 criptovalute",
+		"a24": "Ricarica il conto",
+		"a25": "Iscriviti tramite e-mail",
+		"a38": "Apri transazioni sempre e ovunque.",
+		"a39": "Inizia a fare trading in modo sicuro e conveniente in qualsiasi momento tramite la nostra APP e la nostra pagina web",
+        "a40": "Scarica codice di scansione ios e Android",
+		"a41": "Una piattaforma affidabile per il trading di criptovalute",
+		"a42": "Ci impegniamo a garantire la sicurezza degli utenti con protocolli rigorosi e misure tecniche leader del settore.",
+		"a43": "Fondi di sicurezza dell'utente",
+		"a44": "Conserviamo il 10% di tutte le commissioni di transazione in fondi di asset sicuri per fornire una protezione parziale ai fondi degli utenti",
+		"a45": "Controllo accessi personalizzato",
+		"a46": "Il controllo degli accessi personalizzato limita l'accesso ai dispositivi e agli indirizzi degli account personali, in modo che gli utenti non abbiano preoccupazioni.",
+		"a47": "Crittografia dati avanzata",
+		"a48": "I dati delle transazioni personali sono protetti dalla crittografia end-to-end e solo la persona può accedere alle informazioni personali.",
+		"a57": "Clicca per andare",
+		"a71": "Guida per principianti ",
+		"a72": "Inizia immediatamente l'apprendimento del trading di valuta digitale ",
+		"a77": "Come acquistare valuta digitale ",
+		"a78": "Come vendere valuta digitale ",
+		"a79": "Come scambiare valute digitali",
+		"a80": "Piazza del mercato",
+		"a81": "Andamento del mercato 24 ore",
+		"a82": "Aggiungi fondi di criptovaluta al tuo portafoglio e inizia a fare trading all'istante"
+	}
 }

src/i18n/jp.json

@@ -1033,5 +1033,40 @@
         "m2":"審査に失敗しました",
         "m3":"注文完了",
         "m4":"注文キャンセル"
-    }
+    },
+	"cxiNewText":{
+		"a0": "トップ10",
+		"a1": "500万以上",
+		"a2": "< 0.10%",
+		"a3": "200+",
+		"a4": "世界ランキング",
+		"a5": "ユーザーは私たちを信頼しています",
+		"a6": "超低料金",
+		"a7": "国",
+		"a21": "すぐに収入を得る",
+		"a22": "個人の暗号通貨ポートフォリオを作成する",
+		"a23": "100 以上の暗号通貨を購入、取引、保持",
+		"a24": "アカウントにリチャージします",
+		"a25": "メールでサインアップする",
+		"a38": "いつでもどこでも取引を開始できます。",
+		"a39": "アプリとウェブページでいつでも安全かつ便利に取引を開始できます",
+        "a40": "iOS および Android スキャン コードのダウンロード",
+		"a41": "信頼できる仮想通貨取引プラットフォーム",
+		"a42": "当社は、厳格なプロトコルと業界をリードする技術対策によりユーザーの安全を確保することに尽力しています。",
+		"a43": "ユーザーセキュリティ資産ファンド",
+		"a44": "ユーザー資金を部分的に保護するために、すべての取引手数料の 10% を安全資産基金に保管します。",
+		"a45": "個人的なアクセス制御",
+		"a46": "個人用アクセス制御により、個人アカウントのデバイスとアドレスへのアクセスが制限されるため、ユーザーは心配ありません。",
+		"a47": "高度なデータ暗号化",
+		"a48": "個人の取引データはエンドツーエンドの暗号化によって保護されており、本人のみが個人情報にアクセスできます。",
+		"a57": "クリックして移動",
+		"a71": "初心者ガイド",
+		"a72": "デジタル通貨取引の学習を今すぐ開始します",
+		"a77": "デジタル通貨の購入方法",
+		"a78": "デジタル通貨の販売方法",
+		"a79": "デジタル通貨の取引方法",
+		"a80": "取引市場",
+		"a81": "24時間市場動向",
+		"a82": "ウォレットに暗号通貨資金を追加して、すぐに取引を開始しましょう"
+	}
 }

src/i18n/kor.json

@@ -1033,5 +1033,40 @@
         "m2":"심사 실패",
         "m3":"주문 완료",
         "m4":"주문 취소"
-    }
+    },
+	"cxiNewText":{
+		"a0": "상위 10 개",
+		"a1": "500만+",
+		"a2": "< 0.10%",
+		"a3": "200+",
+		"a4": "글로벌 랭킹",
+		"a5": "사용자는 우리를 신뢰합니다",
+		"a6": "매우 낮은 수수료",
+		"a7": "국가",
+		"a21": "즉시 수익 창출",
+		"a22": "개인 암호화폐 포트폴리오 만들기",
+		"a23": "100개 이상의 암호화폐 구매, 거래 및 보유",
+		"a24": "계정 충전",
+		"a25": "이메일로 가입",
+		"a38": "언제 어디서나 거래를 엽니다.",
+		"a39": "APP과 웹페이지를 통해 언제든지 안전하고 편리하게 거래를 시작하세요.",
+        "a40": "ios 및 Android 스캔 코드 다운로드",
+		"a41": "신뢰할 수 있는 암호화폐 거래 플랫폼",
+		"a42": "우리는 엄격한 프로토콜과 업계 최고의 기술적 조치로 사용자의 안전을 보장하기 위해 최선을 다하고 있습니다.",
+		"a43": "사용자 보안 자산 펀드",
+		"a44": "모든 거래 수수료의 10%를 안전자산 펀드에 보관하여 사용자 자금을 부분적으로 보호합니다.",
+		"a45": "개인화된 액세스 제어",
+		"a46": "개인화된 액세스 제어는 개인 계정 장치 및 주소에 대한 액세스를 제한하므로 사용자가 걱정할 필요가 없습니다.",
+		"a47": "고급 데이터 암호화",
+		"a48": "개인 거래 데이터는 종단 간 암호화로 보호되며 개인 정보에 접근할 수 있는 사람은 본인뿐입니다.",
+		"a57": "클릭하여 이동",
+		"a71": "초보자 가이드 ",
+		"a72": "즉시 디지털 통화 거래 학습 시작 ",
+		"a77": "디지털 화폐 구매 방법 ",
+		"a78": "디지털 통화 판매 방법 ",
+		"a79": "디지털 통화 거래 방법",
+		"a80": "시장",
+		"a81": "24시간 시장 동향",
+		"a82": "지갑에 암호화폐 자금을 추가하고 즉시 거래를 시작하세요."
+	}
 }

src/i18n/pt.json

@@ -1034,5 +1034,40 @@
         "m2":"A auditoria falhou.",
         "m3":"Fim Da ordem",
         "m4":"Cancelamento Da ordem"
-    }
+    },
+	"cxiNewText":{
+		"a0": "10 melhores",
+		"a1": "5 milhões+",
+		"a2": "< 0.10%",
+		"a3": "200+",
+		"a4": "Classificação Global",
+		"a5": "Os usuários confiam em nós",
+		"a6": "Taxas ultrabaixas",
+		"a7": "Países",
+		"a21": "Ganhar renda imediatamente",
+		"a22": "Crie um portfólio pessoal de criptomoedas",
+		"a23": "Compre, negocie e mantenha mais de 100 criptomoedas",
+		"a24": "Recarregue a conta",
+		"a25": "Inscreva-se por e-mail",
+		"a38": "Transações abertas a qualquer hora, em qualquer lugar.",
+		"a39": "Comece a negociar com segurança e conveniência a qualquer momento através do nosso APP e página da web",
+        "a40": "Download do código de verificação ios e Android",
+		"a41": "Uma plataforma confiável de negociação de criptomoedas",
+		"a42": "Fique a par das últimas novidades através da nossa App e página web.",
+		"a43": "Fundos de ativos de segurança do usuário",
+		"a44": "Armazenamos 10% de todas as taxas de transação em fundos de ativos seguros para fornecer proteção parcial aos fundos do usuário",
+		"a45": "Controle de Acesso Personalizado",
+		"a46": "O controle de acesso personalizado restringe o acesso a dispositivos e endereços de contas pessoais, para que os usuários não tenham preocupações.",
+		"a47": "Criptografia de dados avançada",
+		"a48": "Os dados de transações pessoais são protegidos por criptografia de ponta a ponta e somente a pessoa pode acessar as informações pessoais.",
+		"a57": "Clique para ir",
+		"a71": "Guia do Iniciante ",
+		"a72": "Inicie o aprendizado de negociação de moeda digital imediatamente ",
+		"a77": "Como comprar moeda digital ",
+		"a78": "Como vender moeda digital ",
+		"a79": "Como negociar moedas digitais",
+		"a80": "Mercado",
+		"a81": "Tendência de mercado 24 horas",
+		"a82": "Adicione fundos de criptomoeda à sua carteira e comece a negociar instantaneamente"
+	}
 }

src/i18n/spa.json

@@ -1034,5 +1034,40 @@
         "m2":"Fallo de auditoría",
         "m3":"Fin del pedido",
         "m4":"Orden cancelada"
-    }
+    },
+	"cxiNewText":{
+		"a0": "10 mejores",
+		"a1": "5 millones+",
+		"a2": "< 0.10%",
+		"a3": "200+",
+		"a4": "Clasificación mundial",
+		"a5": "Los usuarios confían en nosotros",
+		"a6": "Tarifas ultra bajas",
+		"a7": "Países",
+		"a21": "Obtener ingresos inmediatamente",
+		"a22": "Crear una cartera personal de criptomonedas",
+		"a23": "Compre, intercambie y mantenga más de 100 criptomonedas",
+		"a24": "Recargar la cuenta",
+		"a25": "Registrarse por correo electrónico",
+		"a38": "Abrir transacciones en cualquier momento y en cualquier lugar.",
+		"a39": "Comience a operar de manera segura y conveniente en cualquier momento a través de nuestra aplicación y página web",
+        "a40": "Descarga de código de escaneo de ios y Android",
+		"a41": "Una plataforma de negociación de criptomonedas de confianza",
+		"a42": "Estamos comprometidos a garantizar la seguridad de los usuarios con estrictos protocolos y medidas técnicas líderes en la industria.",
+		"a43": "Fondos de activos de seguridad del usuario",
+		"a44": "Almacenamos el 10% de todas las tarifas de transacción en fondos de activos seguros para brindar protección parcial a los fondos de los usuarios",
+		"a45": "Control de acceso personalizado",
+		"a46": "El control de acceso personalizado restringe el acceso a dispositivos y direcciones de cuentas personales, para que los usuarios no tengan preocupaciones.",
+		"a47": "Cifrado de datos avanzado",
+		"a48": "Los datos de transacciones personales están protegidos por encriptación de extremo a extremo y solo la persona puede acceder a la información personal.",
+		"a57": "Haga clic para ir",
+		"a71": "Guía para principiantes ",
+		"a72": "Comience a aprender a operar con divisas digitales de inmediato ",
+		"a77": "Cómo comprar moneda digital ",
+		"a78": "Cómo vender moneda digital ",
+		"a79": "Cómo operar con monedas digitales",
+		"a80": "Mercado",
+		"a81": "Tendencia del mercado de 24 horas",
+		"a82": "Agregue fondos de criptomonedas a su billetera y comience a operar al instante"
+	}
 }

src/i18n/tr.json

@@ -1034,5 +1034,40 @@
             "m2":"Denetim hatası",
             "m3":"sipariş sonu",
             "m4":"siparişi iptal et"
-            }
+        },
+        "cxiNewText":{
+            "a0": "En iyi 10",
+            "a1": "5 milyon+",
+            "a2": "< 0.10%",
+            "a3": "200+",
+            "a4": "Küresel Sıralama",
+            "a5": "Kullanıcılar bize güveniyor",
+            "a6": "Ultra Düşük Ücretler",
+            "a7": "Ülkeler",
+            "a21": "hemen gelir elde et",
+            "a22": "Kişisel bir kripto para portföyü oluştur",
+            "a23": "100'den fazla kripto para birimi satın alın, ticaret yapın ve tutun",
+            "a24": "Hesabı şarj et",
+            "a25": "E-posta ile kaydol",
+            "a38": "İşlemleri istediğiniz zaman, istediğiniz yerde açın.",
+            "a39": "APP ve web sayfamız aracılığıyla istediğiniz zaman güvenli ve rahat bir şekilde işlem yapmaya başlayın",
+            "a40": "IOS ve Android tarama kodu indir",
+            "a41": "Güvenilir bir kripto para ticaret platformu",
+            "a42": "Katı protokoller ve endüstri lideri teknik önlemlerle kullanıcıların güvenliğini sağlamaya kararlıyız.",
+            "a43": "Kullanıcı güvenlik varlık fonları",
+            "a44": "Kullanıcı fonlarına kısmi koruma sağlamak için tüm işlem ücretlerinin %10'unu güvenli varlık fonlarında saklıyoruz",
+            "a45": "Kişiselleştirilmiş Erişim Kontrolü",
+            "a46": "Kişiselleştirilmiş erişim kontrolü, kullanıcıların endişelenmemesi için kişisel hesap cihazlarına ve adreslerine erişimi kısıtlar.",
+            "a47": "Gelişmiş Veri Şifreleme",
+            "a48": "Kişisel işlem verileri uçtan uca şifreleme ile korunmaktadır ve kişisel bilgilere yalnızca kişi erişebilir.",
+            "a57": "Gitmek için tıklayın",
+            "a71": "Başlangıç Kılavuzu ",
+            "a72": "Dijital döviz ticareti öğrenmeye hemen başlayın ",
+            "a77": "Dijital para birimi nasıl alınır ",
+            "a78": "Dijital para birimi nasıl satılır ",
+            "a79": "Dijital Para Birimleri Nasıl Ticaret Yapılır?",
+            "a80": "Pazar yeri",
+            "a81": "24 saat piyasa trendi",
+            "a82": "Cüzdanınıza kripto para birimi fonları ekleyin ve anında işlem yapmaya başlayın"
+        }
     }

src/i18n/tw.json

@@ -1044,5 +1044,40 @@
         "m2":"稽核失敗",
         "m3":"訂單結束",
         "m4":"訂單取消"
+    },
+    "cxiNewText":{
+		"a0": "前10名",
+		"a1": "500萬+",
+		"a2": "< 0.10%",
+		"a3": "200+",
+		"a4": "全球排名",
+		"a5": "用戶信任我們",
+		"a6": "超低費用",
+		"a7": "國家",
+		"a21": "立即賺取收益",
+		"a22": "創建個人加密貨幣投資組合",
+		"a23": "購買、交易和持有100多種加密貨幣",
+		"a24": "向賬戶充值",
+		"a25": "通過電子郵件註冊",
+		"a38": "隨時隨地，開啟交易。",
+		"a39": "通過我們的應用程序和網頁，隨時安全又便利地開始交易。",
+        "a40": "ios和Android掃碼下載",
+		"a41": "值得用戶信賴的加密貨幣交易平台",
+		"a42": "我們終力承諾以嚴格協議和行業領先的技術措施為用戶安全駕駛護航。",
+		"a43": "用戶安全資產資金",
+		"a44": "我們將所有交易費用的10%存入與安全資產資金，為用戶資金提供部分保障。",
+		"a45": "個性化訪問控制",
+		"a46": "個性化訪問控制限制訪問個人賬戶的設備和地址，讓用戶無後顧之憂。",
+		"a47": "先進數據加密",
+		"a48": "個人交易數據通過端到端加密獲得保障，僅限本人訪問個人信息。",
+		"a57": "點擊前往",
+		"a71": "新手指引",
+		"a72": "即刻開啟數字貨幣交易學習",
+		"a77": "如何購買數字貨幣",
+		"a78": "如何出售數字貨幣",
+		"a79": "如何交易數字貨幣",
+		"a80": "交易市場",
+		"a81": "24小時市場走勢",
+		"a82": "將添加加密貨幣資金添加到您的錢包並立即開始交易"
     }
 }

src/views/components/inner-transfer.vue

@@ -218,7 +218,17 @@ export default {
     }
   },
   components: {},
-  watch: {},
+  watch: {
+    fromValue(n){
+      if(n[0]==2){
+        this.toValue = [1];
+        this.form.to_account = this.toValue[0];
+      }else if(n[0]==1){
+        this.toValue = [2];
+        this.form.to_account = this.toValue[0];
+      }
+    },
+  },
   methods: {
     //   from切换
     fromChange($ev) {
@@ -265,8 +275,8 @@ export default {
       //   to_account,
       //   from_account
       // ];
-      console.info(this.form.from_account)
-      console.info(this.form.to_account)
+      // console.info(this.form.from_account)
+      // console.info(this.form.to_account)
       // [this.fromChild, this.toChild] = [this.toChild, this.fromChild];
       this.form.pair_id = this.toChild.id;
       this.getUserCoinAssets()

src/views/exchange/symbols.vue

@@ -246,6 +246,6 @@ export default {
     width: 32% !important;
 }
 .active{
-    color: #f0a70a!important;
+    color: #326AEB!important;
 }
 </style>

src/views/home/index.vue

@@ -1,6 +1,6 @@
 <template>
   <div id="dowebok" ref="dowebok">
-    <div class="section">
+    <div class="section" v-if="0">
       <div class="banner-block col-xs-8">
         <!-- <el-carousel :interval="6000" height="490px">
           <el-carousel-item v-for="item in pcBannerList" :key="item.id">
@@ -49,8 +49,139 @@
         </div>
       </div> -->
     </div>
-
-    <div class="section1 markets">
+    <div class="section-block section-block-1 ">
+      <div class="d-flex justify-content-between" v-if="isLogin">
+        <div class="block-1-left">
+          <h1>{{ $t("cxiNewText.a24") }}</h1>
+          <div class="mt-4 mb-3 fn-18">{{ $t("cxiNewText.a82") }}</div>
+          <div class="btn1 mb-3"><router-link to="/wallet/assets/exchange?buy=1" class="target-a">{{ $t("cxiNewText.a24") }}</router-link></div>
+        </div>
+        <div class="d-flex block-1-right">
+          <img src="../../../static/images/lightImageUrl_2.png" alt="" style="width: 420px;height: 290px;margin: 35px 10px;">
+        </div>
+      </div>
+      <div class="d-flex justify-content-between" v-if="!isLogin">
+        <div class="block-1-left">
+          <h1>{{ $t("cxiNewText.a22") }}</h1>
+          <div class="mt-4 mb-3 fn-18">{{ $t("cxiNewText.a23") }}</div>
+          <div class="btn3 mb-3"><router-link to="/sign-up" class="target-a">{{ $t("cxiNewText.a25") }}</router-link></div>
+        </div>
+        <div class="d-flex block-1-right">
+          <img src="../../../static/images/lightImageUrl.png" alt="" style="width: 350px;height: 310px;margin: 25px 45px;">
+        </div>
+      </div>
+      <div class="table1" style="width:95%;text-align: center;">
+        <div class="tr1">
+          <h1 class="td1">{{ $t("cxiNewText.a0") }}</h1>
+          <h1 class="td1" style="text-align: center;">{{ $t("cxiNewText.a1") }}</h1>
+          <h1 class="td1" style="text-align: center;">{{ $t("cxiNewText.a2") }}</h1>
+          <h1 class="td1" style="text-align: center;">{{ $t("cxiNewText.a3") }}</h1>
+        </div>
+        <div class="tr1">
+          <div class="td1">{{ $t("cxiNewText.a4") }}</div>
+          <div class="td1" style="text-align: center;">{{ $t("cxiNewText.a5") }}</div>
+          <div class="td1" style="text-align: center;">{{ $t("cxiNewText.a6") }}</div>
+          <div class="td1" style="text-align: center;">{{ $t("cxiNewText.a7") }}</div>
+        </div>
+      </div>
+    </div>
+    <div class="section-block section-block-2">
+      <h1>{{ $t("cxiNewText.a80") }}</h1>
+      <div style="font-size: 20px;margin-bottom: 3rem;color: #6A6E74;">{{ $t("cxiNewText.a81") }}</div>
+      <div class="d-flex justify-content-between" style="flex-wrap:wrap;" v-for="(parentItem, index11) in marketList" :key="index11" >
+        <template v-if="parentItem.coin_name=='USDT'">
+          <div class="cell" v-for="(item, index) in parentItem.marketInfoList.slice(0,8)" :key="index">
+            <div class="cell-b">
+                <img alt="" :src="item.coin_icon" width="36" height="36" />
+                <span>{{item.coin_name}}</span>
+                <div :class="item.increase * 1 < 0 ? 'green-f color-sell' : 'green-f color-buy'">{{item.increaseStr}}</div>
+              </div>
+            <div class="cell-b" style="margin-top: 30px;">
+              <div style="color:#9292AA;font-weight: bold;font-size: 20px;">${{ item.close }}</div>
+              <div><router-link to="/sign-in" style="background: #EAECEF;padding: 10px;line-height: 14px;">
+                <img src="../../../static/images/icon/right.png" alt="" width="20" height="20" />
+              </router-link></div>
+            </div>
+          </div>
+        </template>
+      </div>
+      <div class="btn3"><router-link to="/sign-in" class="target-a">{{ $t("cxiNewText.a21") }}</router-link></div>
+    </div>
+    <div class="section-block section-block-3">
+      <div class="d-flex justify-content-between" style="align-items: center;margin-top: 40px;">
+        <h1>{{ $t("cxiNewText.a41") }}</h1>
+        <!-- <span>
+          <router-link to="/college/list/18" style="color:#999;">{{ $t("cxiNewText.a18") }}</router-link>
+          <img src="../../../static/images/icon/right.png" alt="" width="10" height="10" />
+        </span> -->
+      </div>
+      <div style="font-size: 20px;margin-bottom: 3rem;color: #6A6E74;">{{ $t("cxiNewText.a42") }}</div>
+      <div class="d-flex justify-content-between">
+        <div style="display: flex;flex-direction: column;justify-content: center;">
+          <div class="d-flex mb-4">
+            <img src="" alt="" class="img">
+            <div style="margin-left:40px;"><div style="font-size: 20px;">{{ $t("cxiNewText.a43") }}</div><div style="color: #6A6E74;">{{ $t("cxiNewText.a44") }}</div></div>
+          </div>
+          <div class="d-flex mb-4">
+            <img src="" alt="" class="img">
+            <div style="margin-left:40px;"><div style="font-size: 20px;">{{ $t("cxiNewText.a45") }}</div><div style="color: #6A6E74;">{{ $t("cxiNewText.a46") }}</div></div>
+          </div>
+          <div class="d-flex mb-4">
+            <img src="" alt="" class="img">
+            <div style="margin-left:40px;"><div style="font-size: 20px;">{{ $t("cxiNewText.a47") }}</div><div style="color: #6A6E74;">{{ $t("cxiNewText.a48") }}</div></div>
+          </div>
+        </div>
+        <img src="../../../static/images/trusted-section.png" alt="" style="width:443px;height:403px;flex-shrink: 0;">
+      </div>
+    </div>
+    <div class="section-block section-block-4">
+      <h1>{{ $t("cxiNewText.a71") }}</h1>
+      <div style="color: #6A6E74;">{{ $t("cxiNewText.a72") }}</div>
+      <div class="d-flex mt-3 mb-4">
+          <div class="label-1" v-for="(itemV, index) in guideList" :key="index" :class="itemV.id == cid ? 'de' : 'in'"
+           @click="routerLink(itemV.id)">{{itemV.label}}</div>
+      </div>
+      <div class="d-flex justify-content-between">
+          <div class="img-box" v-for="(item, index) in articleList" :key="index">
+              <router-link class="post-link" :to="`/college/detail/${item.category_id}/${item.id}`">
+                  <img :src="item.full_cover" alt="" >
+              </router-link>
+              <div>{{ item.title }}</div>
+          </div>
+      </div>
+    </div>
+    <div class="section-block section-block-5">
+      <div class="d-flex justify-content-between ">
+        <h1>{{ $t("cxiNewText.a38") }}</h1>
+      </div>
+      <div style="font-size: 20px;margin-bottom: 3rem;color: #6A6E74;">{{ $t("cxiNewText.a39") }}</div>
+      <div class="d-flex justify-content-between" style="align-items: center;">
+        <img src="../../../static/images/illustration-3.png" alt="" style="height:430px;margin-right:80px;">
+        <div>
+          <div class="d-flex mb-5" style="background:#FAFAFA;align-items: center;">
+            <!-- <img src="../../../static/images/11111.png" alt="" width="80" height="80"> -->
+            <div style="width:80px;height:80px;"><!-- img代替符 --></div>
+            <div>
+              <div>{{ $t("cxiNewText.a40") }}</div><div style="font-weight:bold;">IOS & Android</div>
+            </div>
+          </div>
+          <div class="d-flex" style="flex-wrap: wrap;">
+            <div class="icon-box"><img src="../../../static/images/icon/ios.png" alt=""><div>APP Store</div></div>
+            <div class="icon-box"><img src="../../../static/images/icon/andriod.png" alt=""><div>Android APK</div></div>
+            <!-- <div class="icon-box"><img src="../../../static/images/icon/google-play.png" alt=""><div>Google Play</div></div> -->
+            <!-- <div class="icon-box"><img src="../../../static/images/icon/imac.png" alt=""><div>MacOS</div></div> -->
+            <!-- <div class="icon-box"><img src="../../../static/images/icon/windows.png" alt=""><div>Windows</div></div> -->
+            <!-- <div class="icon-box"><img src="../../../static/images/icon/linux.png" alt=""><div>Linux</div></div> -->
+            <!-- <div class="icon-box"><img src="../../../static/images/icon/api.png" alt=""><div>API</div></div> -->
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="section-block section-block-6">
+      <h1 class="mb-4">{{ $t("cxiNewText.a21") }}</h1>
+      <div class="btn3"><router-link to="/sign-up" class="target-a">{{ $t("cxiNewText.a57") }}</router-link></div>
+    </div>
+    <div class="section1 markets" v-if="0">
       <div class="new-ticker-block new-ticker-block-section">
         <div class="container">
           <div class="markets__container new-ticker-block-wrap shadow">
@@ -280,7 +411,7 @@
         </div>
       </div>
     </div>
-    <div class="banner-block col-xs-8 banner2" >
+    <div class="banner-block col-xs-8 banner2" v-if="0">
       <p class="banner_right_p">{{$t("addinfo.TopEncryptionRiskManagement")}}</p>
       <p class="banner_right_p1">{{ $t("addinfo.EscortYourPropertySafety") }}</p>
       <div class="banner_right_button">{{ $t("addinfo.ProvidedByTheExperimentalCenter") }}</div>
@@ -289,7 +420,7 @@
 
 
 
-    <div class="banner-block col-xs-8 banner3" >
+    <div class="banner-block col-xs-8 banner3" v-if="0">
       <p class="banner3_p">
         <span>{{ $t("addinfo.ProvidedByTheExperimentalCenter") }}</span><br/>
         <span class="banner3_p_span">{{ $t("addinfo.ScanTheQRCodeBelowToDownload") }}</span>
@@ -385,7 +516,7 @@
 
 
     <!-- lattest-news-section -->
-    <div class="colto-section">
+    <div class="colto-section" v-if="0">
       <div class="container">
         <div
           class="colto-content-wrap d-flex flex-column align-items-center justify-content-center"
@@ -515,6 +646,8 @@ export default {
         noticeList:[],
         data: [99, 71, 78, 25, 36, 92],
         line: '',
+        guideList: [],
+        cid: '',
     };
   },
   methods: {
@@ -690,15 +823,38 @@ export default {
     removeZoom(idx) {
       this.featuresList[idx].zoom = false;
     },
+
     // 新手教程
-      getArticleList() {
-            College.getArticleList(18).then(data => {
-                this.articleList = data.splice(0,3);
-                  setTimeout(() => {
-            this.skroll();
-          }, 100);
-            }).catch();
-        },
+    getCollegeLinks() {
+      College.getCategoryList().then(list => {
+          list.forEach(item => {
+              if (this.cid === '') this.cid = item.id;
+              this.guideList.push({
+                  url : `/college/list/${item.id}`,
+                  label : item.name,
+                  value : item.name,
+                  id : item.id
+              })
+          })
+      }).catch(err => {});
+    },
+    routerLink(e){
+      this.cid = e;
+      this.getArticleListItem();
+    },
+    getArticleListItem() {
+      College.getArticleList(this.cid).then(data => {
+          this.articleList = data.splice(0, 3);
+      }).catch();
+    },
+    getArticleList() {
+      College.getArticleList(18).then(data => {
+        this.articleList = data.splice(0,3);
+        setTimeout(() => {
+          this.skroll();
+        }, 100);
+      }).catch();
+    },
     // 獲取公告列表
     article(){
       Member.article({type:'notice'}).then(res=>{
@@ -719,6 +875,7 @@ mounted() {
         this.getCollect();
     }
     this.indexMarketList();
+    this.getCollegeLinks();
     this.getArticleList()
     /*
      * swiper 轮播图效果
@@ -1340,4 +1497,172 @@ path{
 .container_button1{
   background: #6C7EE4  ;
 }
-</style>
+
+.section-block{
+  width: 1100px;
+  margin: 0 auto 30px;
+  padding-bottom: 20px;
+
+  h1{
+    font-size: 36px;
+    font-weight: 600;
+  }
+  h2{
+    font-size: 28px;
+    font-weight: 600;
+  }
+  h3{
+    font-size: 26px;
+    font-weight: 600;
+  }
+  .btn3{
+    display: inline-block;
+    width: auto;
+    padding: 10px 20px;
+    text-align: center;
+    background: #326AEB;
+    border-radius: 4px;
+    min-width: 200px;
+    cursor: pointer;
+    a{
+      color: #fff;
+    }
+  }
+}
+.section-block-1{
+  width: 100%;
+  padding: 40px calc(50% - 550px);
+  // background: url('../../../static/images/banner-1.png') no-repeat;
+  background-size: cover;
+  background-color: #fafafa;
+  .btn1{
+    width: 55%;
+    padding: 10px 0px;
+    text-align: center;
+    background: #326AEB;
+    border-radius: 4px;
+    cursor: pointer;
+    a{
+      color: #fff;
+    }
+  }
+  .btn2{
+    width: 48%;
+    padding: 10px 0px;
+    text-align: center;
+    background-color: #EAECEF;
+    border-radius: 4px;
+  }
+  .table1{
+    width:100%;
+    display: table;
+    .tr1{
+      display: table-row;
+      .td1{
+        display: table-cell;
+        padding: 0px 10px;
+      }
+    }
+  }
+  .block-1-left{
+    width:55%;
+    display: flex;flex-direction: column;
+    justify-content: center;align-items: flex-start;
+  }
+  .block-1-right{
+    width: 440px;height: 360px;
+    flex-shrink: 0;border-radius: 10px;
+    background-color: #fff;margin: 20px 0px;
+    box-shadow: 0px 0px 6px 0px rgba(68, 68, 68, 0.14);
+  }
+}
+.section-block-2{
+
+  .cell{
+    width: 23.5%;
+    height: 155px;
+    background-color: #FAFAFA;
+    margin-bottom: 25px;
+    border-radius: 10px;
+    box-sizing: border-box;
+    padding: 25px 20px;
+  }
+  .green-f{
+    font-size: 22px;
+    font-weight: bold;
+    font-family: PingFang SC;
+  }
+  .cell-b{
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+
+    &>img{
+      margin-right: 10px;
+      border-radius: 50%;overflow: hidden;
+    }
+    span:nth-of-type(1){
+      flex: 1;
+      font-size: 22px;
+      font-weight: bold;
+      color: #444;
+    }
+    div:nth-of-type(2){
+      border-radius: 50%;
+      overflow: hidden;
+    }
+  }
+}
+.section-block-3{
+  .img{
+    width:60px;
+    height:60px;
+  }
+}
+.section-block-4{
+  .label-1{
+    background: #F5F5F6;
+    padding: 10px 20px;
+    margin-right: 30px;
+    cursor: pointer;
+  }
+  .img-box{
+    width: 32%;
+    img{
+      width: 100%;
+      height: 220px;
+      background: #000;
+      border-radius: 10px;
+      margin-bottom: 0.5rem;
+    }
+  }
+  .de{
+      color: #fff;
+      background: #326AEB;
+  }
+  .in{
+      background: #F5F5F6;
+  }
+}
+.section-block-5{
+  padding: 40px 0px;
+  .icon-box{
+    width: 25%;
+    margin-right: 20px;
+    margin-bottom: 40px;
+    text-align: center;
+    img{
+      width: 30px;
+      height: 30px;
+    }
+  }
+}
+.section-block-6{
+  width: 100%;
+  padding: 40px calc(50% - 550px);
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  background: #FAFAFA;
+}
+</style>

src/views/signUp/index.vue

@@ -2,7 +2,7 @@
     <div>
         <div class="vh-100 d-flex justify-content-center">
             <div class="form-access my-auto">
-                <form class="register-body bg-panel">
+                <form class="register-body">
                     <div class="text-center h3">
                         <span>{{$t('login.goRegister')}}</span>
                     </div>
@@ -68,7 +68,7 @@
                             </label>
                         </div>
 
-                        <button type="submit" class="btn btn-primary rounded-pill" @click.prevent.stop="step1">{{$t('login.reg')}}</button>
+                        <button type="submit" class="btn btn-primary rounded-pill theme-bg-color-a" style="background-image: none;" @click.prevent.stop="step1">{{$t('login.reg')}}</button>
                     </template>
 
                     <!-- Step3  -->
@@ -670,4 +670,17 @@ div.verify-code {
 .form-control:disabled, .form-control[readonly]{
     background-color: #1e2834;
 }
+.form-control {
+    background-color: #f8f8f8 !important;
+    border: none !important;
+}
+.nav-tabs {
+    border-bottom-color: #DEE2E6;
+}
+.nav-tabs .nav-item{
+    margin-bottom: 0px !important;
+}
+.nav-tabs .nav-link.active{
+    border: none !important;
+}
 </style>

src/views/wallet/address.vue

@@ -9,7 +9,7 @@
         <div class>
           <button
             type="button"
-            class="btn btn-success"
+            class="btn btn-primary"
             data-toggle="modal"
             data-target="#editAddress"
             @click="add"

src/views/wallet/exchange-assets.vue

@@ -109,7 +109,7 @@
               <div class="mb-2 mr-sm-2">
                 <input type="text" v-model="keyword" class="form-control mb-2 mr-sm-2" :placeholder="$t('wallet.searchCurrency')" />
 
-                <router-link to="/wallet/address" class="btn btn-success rounded-pill mb-2">{{$t('wallet.addressManagement')}}</router-link>
+                <router-link to="/wallet/address" class="btn btn-primary rounded-pill mb-2">{{$t('wallet.addressManagement')}}</router-link>
               </div>
             </form>
             <div class="tab-content">
@@ -657,6 +657,10 @@ export default {
         Profile.getUserInfo({}).then(res => {
             this.userInfo = res
         });
+    },
+    // 滚动到页面指定位置
+    PageScrollTo(num){
+      document.documentElement.scrollTop = num;
     }
 },
 
@@ -699,6 +703,14 @@ created() {
       // console.error('Action:', e.action);
       // console.error('Trigger:', e.trigger);
     });
+    // 首页直接进入充值
+    let isNeedScroll = this.$route.fullPath.split('?buy=')[1];
+    // console.log(this.$route.fullPath,121212121, isNeedScroll);
+    if(isNeedScroll){
+      setTimeout(() => {
+        this.PageScrollTo(775);
+      }, 1500);
+    }
   }
 };
 </script>