多国语言更新

src/i18n/en.json

@@ -1096,5 +1096,12 @@
         "m2":"Audit failed",
         "m3":"End of order",
         "m4":"Order cancellation"
+    },
+    "addinfo": {
+        "MarketTrend": "MarketTrend",
+        "HourlyCurrencyUpdates": "Hourly Currency Updates",
+        "TopEncryptionRiskManagement": "TOP ENCRYPTION RISK MANAGEMENT",
+        "EscortYourPropertySafety": "ESCORT YOUR PROPERTY SAFETY",
+        "BuyCoins": "BuyCoins"
     }
-}
+}

src/views/home/index.vue

@@ -9,13 +9,13 @@
         </el-carousel> -->
         <img src="../../assets/img/index_banner.png" alt="" class="index_banner">
         <div class="banner_right">
-          <p class="banner_right_p">买币上Coinbebop</p>
-          <input type="text" placeholder="输入您的邮箱" class="banner_right_input">
+          <p class="banner_right_p">{{ $t("addinfo.BuyCoins") }} Coinbebop </p>
+          <input type="text" :placeholder="$t('login.pleaseEmail')" class="banner_right_input">
           <div class="banner_right_code">
-            <input type="text" placeholder="输入您的邮箱验证码" class="banner_right_input">
-            <button>发送验证码</button>
+            <input type="text" :placeholder="$t('setting.enterCode')" class="banner_right_input">
+            <button>{{ $t("login.verCode") }}</button>
           </div>
-          <button class="banner_right_sign">立即注册</button>
+          <button class="banner_right_sign">{{$t('common.sign_up')}}</button>
         </div>
       </div>
       <!-- 公告 -->
@@ -58,9 +58,9 @@
               <ul class="nav nav-tabs ticker-nav" role="tablist">
                 <li class="nav-item">
                   <div class="markets__title">
-                    <!-- {{ $t("home.marketCenter") }} -->
-                    市场趋势
-                    <span class="markets__title_span">/ 24小时货币最新动态</span>
+                     {{ $t("home.marketCenter") }}
+<!--                      {{$t('addinfo.MarketTrend')}}-->
+                    <span class="markets__title_span">/ 24{{$t("addinfo.HourlyCurrencyUpdates") }}</span>
                   </div>
                 </li>
                 <!-- <li class="nav-item">
@@ -171,18 +171,18 @@
                       <tr>
                         <!-- <th></th> -->
                         <!-- <th scope="col" class="table_th">{{ $t("home.coinType") }}</th> -->
-                        <th scope="col" class="table_th">币种</th>
+                        <th scope="col" class="table_th">{{ $t("option.coinType") }}</th>
                         <th scope="col" class="table_th">{{ $t("home.low") }}</th>
                         <!-- <th scope="col" class="table_th">{{ $t("home.latestPrice") }}</th> -->
                         <th scope="col" class="table_th">
-                          <!-- {{ $t("home.upAndDown") }} -->
-                          24小时涨停
+                           {{ $t("home.upAndDown") }}
+<!--                          24小时涨停-->
                           <span class="ti-arrow-down"></span>
                         </th>
-                        <th scope="col" class="table_th">行情</th>
-                        <th scope="col" class="table_th">交易</th>
+                        <th scope="col" class="table_th">{{$t("common.markets")}}</th>
+                        <th scope="col" class="table_th">{{ $t("wallet.transaction") }}</th>
                         <!-- <th scope="col" class="table_th">{{ $t("home.heigh") }}</th> -->
-                        
+
                         <!-- <th scope="col" class="table_th">
                           <div class="text-center">{{ $t("home.vol") }}</div>
                         </th> -->
@@ -240,11 +240,11 @@
                           </td>
                           <td>
                             <router-link :to="`/exchange/${item.symbol}`">
-                              <button class="td_button">购买</button>
+                              <button class="td_button">{{ $t("otc.b7") }}</button>
                             </router-link>
                           </td>
                           <!-- <td>{{ item.high }}</td> -->
-                          
+
                           <!-- <td class="text-center">{{ item.vol }}</td> -->
                         </tr>
                       </template>
@@ -262,23 +262,23 @@
               type="button" -->
             <router-link
               to="/market"
-              
+
               class="view-more btn btn-outline-light"
             >
-              <!-- {{ $t("home.more") }} -->
-              查看更多
+               {{ $t("home.more") }}
+<!--              查看更多-->
             </router-link>
           </div>
         </div>
       </div>
     </div>
     <div class="banner-block col-xs-8 banner2" >
-      <p class="banner_right_p">顶级加密风控管理</p>
-      <p class="banner_right_p1">为您的财产安全保驾护航</p>
+      <p class="banner_right_p">{{$t("addinfo.TopEncryptionRiskManagement")}}</p>
+      <p class="banner_right_p1">{{ $t("addinfo.EscortYourPropertySafety") }}</p>
       <button>由Coinbebop实验中心提供</button>
     </div>
 
-    
+
     <div class="section news">
       <!-- wallets-section -->
       <div class="lattest-news-section">
@@ -372,7 +372,7 @@
       </div>
     </div> -->
 
-    
+
     <!-- lattest-news-section -->
     <div class="colto-section">
       <div class="container">
@@ -524,7 +524,7 @@ export default {
       Home.indexList()
         .then((res) => {
           this.bannerList = res.bannerList;
-          
+
           this.homeList = res.homeList;
           this.marketList = res.marketList;
           this.iconList = res.iconList;
@@ -1101,7 +1101,7 @@ export default {
     margin-left: 353px;
     display: flex;
     flex-direction: column;
-    
+
     .banner_right_p{
       color: white;
       font-size: 48px;
@@ -1159,7 +1159,7 @@ export default {
   td{
     min-width: 150px;
   }
-  
+
 }
 .td_img{
   width: 109px;
@@ -1217,7 +1217,7 @@ export default {
   display: flex;
   flex-direction: column;
   align-items: flex-end;
-  
+
   .banner3_p{
     font-size: 16px;
     color: #9AA1A8;
@@ -1231,7 +1231,7 @@ export default {
   }
   .banner3_content{
     display: flex;
-    
+
     .banner3_content_item{
       display: flex;
       flex-direction: column;