首页同步改成地址

src/components/Header.vue

@@ -5,55 +5,15 @@
            class="spread_img"
            @click="menuShow"
            v-if="invite_link" /> -->
-      <img src="@/assets/logo.png" class="favicon_img" />
+      <img src="@/assets/images/index/cha.png" alt="" class="cha" />
     </div>
     <div span="12" class="rightItem">
       <div class="addressBox" v-if="account">
         <div class="account">{{ getAccount }}</div>
       </div>
 
-      <van-button type="primary" class="loginBtn" v-else @click="handleLogin">{{ $t('lang.swap102') }}</van-button>
+      <van-button type="primary" class="loginBtn" v-else @click="handleLogin">{{ $t('lang182') }}</van-button>
     </div>
-
-    <van-popup v-model="show" round position="left" @close="close" class="side">
-      <div class="menu">
-        <div class="user">
-          <div class="invitation">
-            <div>
-              <img src="@/assets/img/invitations.png" class="invitation_img" />
-              <span>{{ $t('lang.swap441') }}</span>
-            </div>
-            <div class="more" @click="toNav('invite')">
-              <span>{{ $t('lang.swap156') }}</span>
-            </div>
-          </div>
-          <span class="invite_detail">{{ $t('lang.swap442') }}:</span>
-          <div class="address">
-            <div class="invitation_address">
-              <span>{{ invite_link || $t('lang.swap443') }}</span>
-            </div>
-            <div class="copys" @click="copy" :data-clipboard-text="this.invite_link">
-              <span>{{ $t('lang.swap257') }}</span>
-            </div>
-          </div>
-        </div>
-        <van-collapse v-model="activeNames">
-          <van-collapse-item :name="index + 1" v-for="(item, index) of menuList" :key="index" title-class="menu_li" :is-link="false">
-            <template #title>
-              <div @click="toNav(item.router, 'title')" class="title">
-                <div>
-                  <img :src="item.image" class="slot_image" />
-                  <span class="font-color">{{ $t(item.name) }}</span>
-                </div>
-                <span style="color: #222222">></span>
-              </div>
-            </template>
-          </van-collapse-item>
-        </van-collapse>
-      </div>
-    </van-popup>
-    <!-- <Sidebar :SidebarShow="SidebarShow" /> -->
-    <!-- <Sidebar :pageShow="pageShow" /> -->
   </div>
 </template>
 <script>
@@ -68,75 +28,20 @@ export default {
   components: {
     // Sidebar,
   },
-  props: {
-    logoImg: {
-      type: String,
-    },
-  },
+  props: {},
   data() {
     return {
       showPopover: false,
       price: 0,
       currentLanguage: '',
       currentImg: undefined,
-      actions: [
-        { text: '中文简体', lang: 'zh-CN', className: 'langPopover', img: require('@/assets/img/china.png') },
-        { text: 'English', lang: 'en-US', className: 'langPopover', img: require('@/assets/img/english.png') },
-        { text: '中文繁体', lang: 'zh-HK', className: 'langPopover', img: require('@/assets/img/hongkong.png') },
-        // { text: '한국어', lang: 'en-US', className: 'langPopover', img: require('@/assets/img/korea.png') },
-        // { text: '日本語', lang: 'zh-HK', className: 'langPopover', img: require('@/assets/img/japan.png') },
-      ],
+
       edition: [
         { text: 'BSC', img: require('@/assets/img/subtract_logo.png') },
         { text: 'Tron', img: require('@/assets/img/tron.png') },
       ],
-      editionLanguage: { text: 'BSC', img: require('@/assets/img/subtract_logo.png') },
       editionCondition: false,
       show: false,
-      menuList: [
-        {
-          image: require('@/assets/img/home.png'),
-          name: 'lang.swap97',
-          router: 'Index',
-        },
-
-        {
-          image: require('@/assets/img/nft.png'),
-          name: 'NFT',
-          router: 'trade',
-        },
-        {
-          image: require('@/assets/img/box.png'),
-          name: 'lang.swap370',
-          router: 'trade',
-        },
-        {
-          image: require('@/assets/img/mining.png'),
-          name: 'lang.swap360',
-          router: '',
-        },
-        {
-          image: require('@/assets/img/notice.png'),
-          name: 'lang.swap383',
-          router: 'notice',
-        },
-        {
-          image: require('@/assets/img/email.png'),
-          name: 'lang.swap437',
-          router: 'feedBack',
-        },
-        {
-          image: require('@/assets/img/understand.png'),
-          name: 'lang.swap444',
-          router: '',
-        },
-        {
-          image: require('@/assets/img/government.png'),
-          name: 'lang.swap445',
-          router: '',
-        },
-      ],
-      activeNames: ['0'],
       multilingualCondition: false,
       invite_link: '',
       pageShow: true,
@@ -154,14 +59,8 @@ export default {
     },
   },
   created() {
-    this.$i18n.locale = localStorage.getItem('lang') ? localStorage.getItem('lang') : 'zh-CN';
-    // this.currentLanguage = this.$i18n.locale == 'zh' ? '中文' : 'English';
-    for (let i in this.actions) {
-      if (this.actions[i].lang == this.$i18n.locale) {
-        this.currentLanguage = this.actions[i].text;
-        this.currentImg = this.actions[i].img;
-      }
-    }
+    this.$i18n.locale = localStorage.getItem('language') ? localStorage.getItem('language') : 'zh-cn';
+
     this.init();
   },
   mounted() {},
@@ -203,11 +102,11 @@ export default {
       if (this.invite_link) {
         var clipboard = new Clipboard('.copys');
         clipboard.on('success', e => {
-          this.$toast(this.$t('lang.swap222'));
+          this.$toast(this.$t('lang45'));
           clipboard.destroy(); // 释放内存
         });
         clipboard.on('error', e => {
-          this.$toast(this.$t('lang.swap223'));
+          this.$toast(this.$t('lang46'));
           clipboard.destroy(); // 释放内存
         });
       }
@@ -229,7 +128,7 @@ export default {
       this.multilingualCondition = false;
     },
     changeLaguages() {
-      let lang = this.$i18n.locale === 'zh' ? 'en' : 'zh';
+      let lang = this.$i18n.locale === 'zh-cn' ? 'zh-cn' : 'en';
       this.$i18n.locale = lang;
     },
     menuShow() {
@@ -291,36 +190,20 @@ export default {
   // background: #ffffff;
   border-left: 0;
   border-right: 0;
-  padding: 0 16px;
+  // padding: 0 16px;
   z-index: 99999;
+  background-color: #fff;
   .rightItem {
     display: flex;
     align-items: center;
     justify-content: flex-end;
-    .language_switching {
-      display: flex;
-      align-items: center;
-      font-size: 12px;
-      font-weight: 400;
-      color: #fff;
-      // background: #1263f1;
-      border-radius: 16px;
-      padding: 4px 10px;
-      margin-left: 20px;
-    }
-    .rightIcon {
-      height: 20px;
-      width: 20px;
-      margin-right: 10px;
-      cursor: pointer;
-    }
     .loginBtn {
       height: 28px;
       font-weight: bold;
-      background: rgba(#7938cf, 1);
+      background: rgba(#29b286, 1);
       // padding: 6px 10px 6px 20px;
       // line-height: 28px;
-      border-radius: 10px;
+      border-radius: 3px;
       border: 1px solid rgba(#f6bb31, 0);
       color: #fff;
     }
@@ -333,14 +216,14 @@ export default {
   }
   .addressBox {
     max-width: 150px;
-    font-size: 20px;
+    font-size: 13px;
     display: flex;
     align-items: center;
     z-index: 99;
-    padding: 4px 10px;
-    border-radius: 10px;
+    padding: 6px 10px;
+    border-radius: 3px;
     // border: 1px solid #000;
-    background: rgba(#7938cf, 1);
+    background: rgba(#29b286, 1);
   }
   .walletBox {
     height: 40px;
@@ -384,6 +267,9 @@ export default {
       // border: 2px solid #b6b3b3;
       // background-color: #fff;
     }
+    .cha {
+      width: 100px;
+    }
     .spread_img {
       display: block;
       width: 24px;

src/language/en.json

@@ -179,5 +179,8 @@
   "lang178": "pending",
   "lang179": "rejected",
   "lang180": "no abnormality in withdrawal",
-  "lang181": "re-apply for abnormal withdrawal"
+  "lang181": "re-apply for abnormal withdrawal",
+  "lang182": "Not connected",
+  "lang183": "Please use a cold wallet to scan the code and sign",
+  "lang184": "Please verify the signature"
 }

src/language/index.js

@@ -0,0 +1,15 @@
+import Vue from 'vue'
+import VueI18n from 'vue-i18n';
+//多语言文件
+
+
+Vue.use(VueI18n)
+const i18n = new VueI18n({
+    locale: localStorage.getItem('language') || 'zh-cn', 
+    messages: {
+        'zh-cn': require('@/language/zh.json'),
+        'en': require('@/language/en.json'),
+    }
+})
+
+export default i18n

src/language/zh.json

@@ -180,9 +180,9 @@
   "lang179": "驳回",
   "lang180": "提现无异常",
   "lang181": "提现异常可重新发起申请",
-  "lang182": "",
-  "lang183": "",
-  "lang184": "",
+  "lang182": "未连接",
+  "lang183": "请使用冷钱包进行扫码签名",
+  "lang184": "请验签",
   "lang185": "",
   "lang186": "",
   "lang187": "",

src/main.js

@@ -19,15 +19,15 @@ Vue.use(VueAwesomeSwiper);
 Vue.use(VueAnimateNumber)
 Vue.use(VueI18n);
 
-if (localStorage.getItem('language') == 'null') {
+if (localStorage.getItem('language') == null) {
   localStorage.setItem('language', 'zh-cn')
 }
 
 const i18n = new VueI18n({
   locale: localStorage.getItem('language') || 'zh-cn', //切换语言
   messages: {
-    'zh-cn': require('./language/zh.json'),
-    'en': require('./language/en.json'),
+    'zh-cn': require('@/language/zh.json'),
+    'en': require('@/language/en.json'),
   },
 });
 Vue.use(Vant);

src/store/index.js

@@ -3,6 +3,7 @@ import Vuex from 'vuex';
 import Web3 from 'web3';
 import { createStore } from 'vuex';
 import createPersistedState from 'vuex-persistedstate';
+import i18n from "@/language/index"
 //模块化store
 // import Sys from '../components/modal/store';
 Vue.use(Vuex);
@@ -109,15 +110,15 @@ export default new Vuex.Store({
                 } else {
                 }
               })
-            }else{
-              Notify({ type: 'danger', message: "请使用冷钱包进行扫码签名" });
+            } else {
+              Notify({ type: 'danger', message: i18n.t('lang183') });
               localStorage.setItem("nologin", true)
               return;
             }
-          }).catch(err=>{
+          }).catch(err => {
             // Notify({ type: 'danger', message: ercode });
-            if(err.code == 4001){
-              Notify({ type: 'danger', message: "请验签" });
+            if (err.code == 4001) {
+              Notify({ type: 'danger', message: i18n.t('lang184') });
             }
           })
         } else {

src/views/index/index.vue

@@ -1,13 +1,13 @@
 <template>
   <div>
-    <!-- <Header :logoImg="indexinfo.system_logo" style="margin-top: 20px"></Header> -->
-
     <div class="home_page">
       <div class="pd">
-        <div class="top">
+        <Header></Header>
+
+        <!-- <div class="top">
           <img src="@/assets/images/index/cha.png" alt="" class="cha" />
           <van-field v-model="key" :placeholder="$t('lang4')" class="input" right-icon="search" @click="navigatorTo('transfer')" />
-        </div>
+        </div> -->
         <van-notice-bar class="notice" color="#000" background="#ffffff" :text="indexinfo.notice_list[0]?.title">
           <div slot="left-icon" class="notice-ico">{{ $t('lang3') }}</div>
         </van-notice-bar>