2

build/webpack.dev.conf.js

@@ -85,7 +85,7 @@ const devWebpackConfig = merge(baseWebpackConfig, {
             filename: 'index.html', // html生成的文件 `/index.html`
             template: 'src/index.html', // webpack模板 默认为src/index.ejs
             inject: true,           // 开启自动注入模块入口文件
-            favicon: path.resolve(__dirname, '../src/favicon.ico'),
+            favicon: path.resolve(__dirname, '../src/favicon.ico'),//修改浏览器的标签栏图标--这个路径下的ico
             title: 'Crypto | Exchange | Market',
             isProduct :  process.env.NODE_ENV == 'production' ? true : false,
         }),

src/components/CommonHeader.vue

@@ -98,30 +98,23 @@
                         夜晚模式
                     </a>
                     </li> -->
-                    <!-- <li class="nav-item dropdown" style="line-height: 37px;">
+                    <li class="nav-item dropdown" style="padding-top: 13px;line-height: 10px;margin-right: -8px;">
-                        <img :src="langer" class="nav_img" mode="" style="max-width: 30px;" />
+                      <div style="width: 22px;height: 22px;border-radius: 50%;overflow: hidden;">
-                    </li> -->
+                        <img :src="langer" style="height: 100%;" mode="aspectFill"/>
+                      </div>
+                    </li>
                     <li class="nav-item dropdown">
-
-                        <!-- <img src="../assets/img/hg.jpg" class="nav_img" style="max-width: 10%;"></img> -->
-                        <!-- <div style="display: flex;" class="nav_title"> -->
-
-                        <!--<img src="../assets/img/tw.jpg" mode="" class="nav_img" style="max-width: 10%;"></img>-->
-
                         <a class="nav-link dropdown-toggle" href="#" role="button" data-toggle="dropdown"
                            aria-haspopup="true" aria-expanded="false">
-
+                            {{ nativeLang }}
-                            {{ nativeLang }}</a>
+                        </a>
-                        <!-- <img src="../assets/img/hg.jpg" class="nav_img" style="max-width: 10%;"></img> -->
-                        <!-- </div> -->
                         <div class="dropdown-menu">
                             <div class="dropdown-item" @click.prevent="chooseNative(item.value)"
                                  v-for="(item, index) in langList" :key="index">
                                 <div class="nav-item_icon">
-                                    <!-- <img :src="item.url" mode="" style="margin-right: 6rpx;margin-left: 6rpx;"/> -->
+                                    <div class="flag-img"><img :src="item.url" mode="aspectFill"/></div>
-                                    {{ item.label }}
+                                    <span class="txt">{{ item.label }}</span>
                                 </div>
-
                             </div>
                         </div>
                     </li>
@@ -477,7 +470,8 @@ export default {
       if (localStorage.getItem("lang") == null) {
         // let localStorage.getItem("lang") = 'en';
       }
-      // this.langer = require("../assets/img/" + lang + ".jpg");
+      this.langer = require("../assets/img/" + lang + ".jpg");
+      console.log(this.langer, 2222222);
       return this.langList.find((item) => item.value == lang).label;
     },
 
@@ -656,34 +650,28 @@ color: #000 !important;
 }
 
 .nav-item_icon {
-  height: 100 rpx;
+  display: flex;
-  width: 150 rpx !important;
+  justify-content: space-between;
-  // background-color: #ffc001;
+  align-items: center;
-  text-align: center;
-  img {
-    width: 20% !important;
-    height: 20% !important;
-  }
 }
 .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;
 }
 
-.nav_img {
-  height: 50 rpx;
-  width: 50 rpx;
-  margin-left: 300 rpx;
-
-  img {
-    width: 10% !important;
-    height: 10% !important;
-  }
-}
-
 .nav_title {
   height: 50 rpx;
   width: 400 rpx;
@@ -704,6 +692,7 @@ color: #000 !important;
 }
 .dropdown-item{
   color: #666;
+  display: flex;
 }
 .dark-app{
   header {

src/i18n/de.json

@@ -40,7 +40,7 @@
     "common": {
         "a3":"Aufzeichnungen über den Kauf",
         "option":"Handel mit Optionen",
-        "exchange":"Transaktion in Währung",
+        "exchange":"Devisenhandel",
         "markets":"Angebot",
         "blogs":"Blog",
         "news":"Informationen über die Industrie",
@@ -147,7 +147,7 @@
         "order":"Bestellung",
         "spotConsignment":"Kommission vor Ort",
         "optionOrders":"Bestellung der Option",
-        "perpetualContract":"Dauerhafter Vertrag",
+        "perpetualContract":"Unbefristete Verträge",
         "foreignContract":"Vertrag über den Devisenhandel",
         "notCertified":"Nicht zertifiziert",
         "notData":"Keine Daten verfügbar",

src/i18n/en.json

@@ -72,7 +72,7 @@
         "Rights":"©2022 BingX Exchange All Rights Reserved",
         "a3":"Purchase records",
         "option": "Option",
-        "exchange": "Spot Trading",
+        "exchange": "Currency trading",
         "markets": "Markets",
         "helps": "Help",
         "course": "Support Center",
@@ -177,7 +177,7 @@
         "order": "Orders",
         "spotConsignment": "Exchange Orders",
         "optionOrders": "Option Orders",
-        "perpetualContract": "Derivatives",
+        "perpetualContract": "Perpetual contracts",
         "foreignContract": "Crypto FX Contract",
         "notCertified": "No Certification",
         "notData": "No open orders",

src/i18n/fra.json

@@ -40,7 +40,7 @@
     "common": {
         "a3":"Ostosta koskevat tiedot",
         "option":"Opérations d'options",
-        "exchange":"Opérations en monnaie",
+        "exchange":"Négociation de devises",
         "markets":"Marché",
         "blogs":"Blogs",
         "news":"Informations sur l'industrie",
@@ -147,7 +147,7 @@
         "order":"Ordre",
         "spotConsignment":"Mandat au comptant",
         "optionOrders":"Commandes d'options",
-        "perpetualContract":"Contrat permanent",
+        "perpetualContract":"Contrats perpétuels",
         "foreignContract":"Contrats de change",
         "notCertified":"Non certifié",
         "notData":"Aucune donnée disponible",

src/i18n/it.json

@@ -40,7 +40,7 @@
     "common": {
         "a3":"Registri di acquisto",
         "option":"Scambio di opzioni",
-        "exchange":"Operazioni di valuta",
+        "exchange":"Commercio di valuta",
         "markets":"citazione",
         "blogs":"Blog.",
         "news":"Informazioni sull'industria",
@@ -147,7 +147,7 @@
         "order":"ordine",
         "spotConsignment":"Commissione di punti",
         "optionOrders":"Opzione ordine",
-        "perpetualContract":"Perpetuo contratto",
+        "perpetualContract":"Contratti perpetui",
         "foreignContract":"Contratto di cambio",
         "notCertified":"Non certificata",
         "notData":"Nessun dato disponibile",

src/i18n/jp.json

@@ -40,7 +40,7 @@
     "common": {
         "a3":"購入申請記録",
         "option":"約束権",
-        "exchange":"貨幣取引",
+        "exchange":"通貨取引",
         "markets":"相場",
         "blogs":"ブログ",
         "news":"市場の動き",
@@ -147,7 +147,7 @@
         "order":"注文書",
         "spotConsignment":"現物委託",
         "optionOrders":"オプション注文",
-        "perpetualContract":"継続契約",
+        "perpetualContract":"無期限契約",
         "foreignContract":"外国為替契約",
         "notCertified":"認証なし",
         "notData":"データがありません",

src/i18n/kor.json

@@ -40,7 +40,7 @@
     "common": {
         "a3":"구 매 신청 기록",
         "option":"옵션",
-        "exchange":"화폐 거래",
+        "exchange":"통화 거래",
         "markets":"시세.",
         "blogs":"블 로그",
         "news":"시장 동향",

src/i18n/pt.json

@@ -40,7 +40,7 @@
     "common": {
         "a3":"Registos de Compras",
         "option":"Operações de opção",
-        "exchange":"Operações monetárias",
+        "exchange":"Troca de moeda",
         "markets":"Os preços",
         "blogs":"blog",
         "news":"Informação da indústria",
@@ -147,7 +147,7 @@
         "order":"ordens",
         "spotConsignment":"Delegação spot",
         "optionOrders":"Ordens de opções",
-        "perpetualContract":"Contrato de perpetuidade",
+        "perpetualContract":"contratos perpétuos",
         "foreignContract":"Contratos de câmbio",
         "notCertified":"Não certificado",
         "notData":"Não há dados.",

src/i18n/spa.json

@@ -40,7 +40,7 @@
     "common": {
         "a3":"Registro de pedidos",
         "option":"Comercio de opciones",
-        "exchange":"Transacciones monetarias",
+        "exchange":"comercio de divisas",
         "markets":"Cotización",
         "blogs":"Blog",
         "news":"Información de la industria",
@@ -147,7 +147,7 @@
         "order":"Orden",
         "spotConsignment":"Comisión al contado",
         "optionOrders":"Orden de opción",
-        "perpetualContract":"Contrato perpetuo",
+        "perpetualContract":"Contratos perpetuos",
         "foreignContract":"Contratos de divisas",
         "notCertified":"No autenticado",
         "notData":"Datos no disponibles",

src/i18n/tr.json

@@ -40,7 +40,7 @@
     "common":{
         "a3":"Satın alma kaydı",
         "option":"Opsiyon ticareti",
-        "exchange":"döviz işlemi",
+        "exchange":"Döviz ticareti",
         "markets":"alıntılar",
         "blogs":"Blog",
         "news":"Sektör Bilgileri",
@@ -147,7 +147,7 @@
         "order":"Sipariş",
         "spotConsignment":"Spot komisyon",
         "optionOrders":"Seçenek sırası",
-        "perpetualContract":"sürekli sözleşme",
+        "perpetualContract":"sürekli sözleşmeler",
         "foreignContract":"döviz sözleşmesi",
         "notCertified":"sertifikalı değil",
         "notData":"Veri yok",

src/views/purchase/index.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="subscride-page">
     <!-- 表单 -->
-    <div class="container panel my-4 p-5 rounded purchase-bg">
+    <div class="container panel p-5 rounded purchase-bg">
       <div style="display: flex;justify-content: center;">
         <img src="../../assets/img/img-buy-hold-lg.png" alt="" style="margin-right: 100px;margin-left: -50px;height: 240px;">
         <div class="col-3">
@@ -486,5 +486,6 @@ export default {
   background: url('../../assets/img/purchase-bg.jpg');
   background-size: 100% 100%;
   max-width: none;
+  margin-bottom: 1.5rem;
 }
 </style>