change logo

src/components/mobile/menu.vue

@@ -8,7 +8,7 @@
       :visible="isShow"
     >
       <div class="logo mb-3.5 px-6">
-        <img src="@/assets/images/ycclogo.png" width="140" alt="yuanlian" />
+        <img src="@/assets/images/chain33.png" width="140" alt="yuanlian" />
       </div>
       <ul class="menulist">
         <li
@@ -16,7 +16,7 @@
           :class="{ 'menu-active': $route.path === '/home' }"
           @click="goPage('/')"
         >
-          {{ $t('lang.home') }}
+          {{ $t("lang.home") }}
         </li>
         <li class="px-6 text-base text-title-color">
           <a
@@ -27,7 +27,7 @@
             "
             target="_blank"
           >
-            {{ $t('lang.book') }}
+            {{ $t("lang.book") }}
           </a>
         </li>
         <li
@@ -38,7 +38,7 @@
           }"
           @click="goPage('/newsList')"
         >
-          {{ $t('lang.news') }}
+          {{ $t("lang.news") }}
         </li>
         <li
           class="px-6 text-base text-title-color"
@@ -53,7 +53,7 @@
           }"
           @click="goPage('/blockChainBrowser')"
         >
-          {{ $t('lang.blockChainBrowser') }}
+          {{ $t("lang.blockChainBrowser") }}
         </li>
       </ul>
     </Drawer>
@@ -61,8 +61,8 @@
 </template>
 
 <script lang="ts">
-import Vue from 'vue'
-import { Drawer } from 'ant-design-vue'
+import Vue from "vue";
+import { Drawer } from "ant-design-vue";
 export default Vue.extend({
   components: {
     Drawer,
@@ -71,19 +71,19 @@ export default Vue.extend({
     isShow: Boolean,
     iconType: {
       type: String,
-      default: 'zh-CN',
+      default: "zh-CN",
     },
   },
   methods: {
     onClose() {
-      this.$emit('close', true)
+      this.$emit("close", true);
     },
     goPage(p: string) {
-      this.$router.push({ path: p, query: { lang: this.$route.query.lang } })
-      this.onClose()
+      this.$router.push({ path: p, query: { lang: this.$route.query.lang } });
+      this.onClose();
     },
   },
-})
+});
 </script>
 
 <style>

src/layout/MainPage/Header.vue

 <template>
   <div
     class="fixed top-0 w-full flex justify-center ease-in duration-200"
-    style="z-index: 3000;"
+    style="z-index: 3000"
     :class="{
       'bg-white': $route.path === '/newsList' || !isTop,
       'min-w-1200': !isMobile,
@@ -9,10 +9,20 @@
   >
     <div
       v-if="!isMobile"
-      class="min-w-1200 h-16 text-footer-color md:w-bodySet flex justify-between items-center ease-in duration-500"
+      class="
+        min-w-1200
+        h-16
+        text-footer-color
+        md:w-bodySet
+        flex
+        justify-between
+        items-center
+        ease-in
+        duration-500
+      "
     >
       <div class="flex items-center">
-        <img src="@/assets/images/ycclogo.png" alt="logo" width="164" />
+        <img src="@/assets/images/chain33.png" alt="logo" width="164" />
         <ul class="header_menu flex leading-normal text-sm ml-16">
           <router-link
             :to="{ path: '/home', query: { lang: $route.query.lang } }"
@@ -24,10 +34,21 @@
               ' text-text-color': $route.path !== '/home',
             }"
           >
-            {{ $t('lang.home') }}
+            {{ $t("lang.home") }}
             <span
               v-show="$route.path === '/home'"
-              class="absolute block w-7 h-1 bg-footer-color rounded-2xl left-1/2 -bottom-2 transform -translate-x-1/2"
+              class="
+                absolute
+                block
+                w-7
+                h-1
+                bg-footer-color
+                rounded-2xl
+                left-1/2
+                -bottom-2
+                transform
+                -translate-x-1/2
+              "
             ></span>
           </router-link>
           <li
@@ -46,7 +67,7 @@
               "
               target="_blank"
             >
-              {{ $t('lang.book') }}
+              {{ $t("lang.book") }}
             </a>
           </li>
           <router-link
@@ -59,12 +80,23 @@
             }"
             class="pl-5 pr-5 cursor-pointer relative"
           >
-            {{ $t('lang.news') }}
+            {{ $t("lang.news") }}
             <span
               v-show="
                 $route.path === '/newsList' || $route.path === '/newsDetails'
               "
-              class="absolute block w-7 h-1 bg-footer-color rounded-2xl left-1/2 -bottom-2 transform -translate-x-1/2"
+              class="
+                absolute
+                block
+                w-7
+                h-1
+                bg-footer-color
+                rounded-2xl
+                left-1/2
+                -bottom-2
+                transform
+                -translate-x-1/2
+              "
             ></span>
           </router-link>
           <router-link
@@ -93,7 +125,7 @@
               ),
             }"
           >
-            {{ $t('lang.blockChainBrowser') }}
+            {{ $t("lang.blockChainBrowser") }}
             <span
               v-show="
                 $route.path === '/blockChainBrowser' ||
@@ -103,7 +135,18 @@
                 $route.path === '/tradeList' ||
                 $route.path === '/address'
               "
-              class="absolute block w-7 h-1 bg-footer-color rounded-2xl left-1/2 -bottom-2 transform -translate-x-1/2"
+              class="
+                absolute
+                block
+                w-7
+                h-1
+                bg-footer-color
+                rounded-2xl
+                left-1/2
+                -bottom-2
+                transform
+                -translate-x-1/2
+              "
               :class="{
                 ' bg-white': $route.path === '/blockChainBrowser' && isTop,
               }"
@@ -117,7 +160,7 @@
           :class="{ 'text-white': isTop }"
           :style="{ color: $route.path === '/home' ? '' : '#2545CB' }"
         >
-          {{ $t('lang.email') }}： business@yuan.org
+          {{ $t("lang.email") }}： business@yuan.org
         </p>
         <div class="relative">
           <div
@@ -126,7 +169,7 @@
             @click="showIcon = !showIcon"
           >
             <img class="mr-2" src="@/assets/images/header/ZH.png" alt="中文" />
-            <p class="text-sm">{{ $t('lang.zh') }}</p>
+            <p class="text-sm">{{ $t("lang.zh") }}</p>
             <img
               class="ml-1"
               width="10"
@@ -140,7 +183,7 @@
             @click="showIcon = !showIcon"
           >
             <img class="mr-2" src="@/assets/images/header/EN.png" alt="英文" />
-            <p class="text-sm">{{ $t('lang.en') }}</p>
+            <p class="text-sm">{{ $t("lang.en") }}</p>
             <img
               class="ml-1"
               width="10"
@@ -153,7 +196,7 @@
             @hidden="showIcon = false"
             @selectIcon="
               (v) => {
-                iconType = v
+                iconType = v;
               }
             "
           ></icon-select>
@@ -163,13 +206,13 @@
     <div
       v-else
       class="w-full flex justify-between items-center bg-white"
-      style="height: 44px;"
+      style="height: 44px"
       :style="{
         'border-bottom': $route.path !== '/home' ? '1px solid #F2F2F2' : 'none',
       }"
     >
       <div class="logo mx-3.5">
-        <img src="@/assets/images/ycclogo.png" alt="logo" width="140" />
+        <img src="@/assets/images/chain33.png" alt="logo" width="140" />
       </div>
       <div class="flex justify-between items-center">
         <div class="relative">
@@ -179,7 +222,7 @@
             @click="showIcon = !showIcon"
           >
             <img class="mr-1" src="@/assets/images/header/ZH.png" alt="中文" />
-            <p class="text-xs text-footer-color">{{ $t('lang.zh') }}</p>
+            <p class="text-xs text-footer-color">{{ $t("lang.zh") }}</p>
             <img
               class="mr-1"
               width="10"
@@ -193,7 +236,7 @@
             @click="showIcon = !showIcon"
           >
             <img class="mr-1" src="@/assets/images/header/EN.png" alt="英文" />
-            <p class="text-xs text-footer-color">{{ $t('lang.en') }}</p>
+            <p class="text-xs text-footer-color">{{ $t("lang.en") }}</p>
             <img
               class="mr-1"
               width="10"
@@ -206,14 +249,14 @@
             @hidden="showIcon = false"
             @selectIcon="
               (v) => {
-                iconType = v
+                iconType = v;
               }
             "
           ></icon-select>
         </div>
         <div
           class="mr-5 w-6 h-6"
-          @click=";(showMenu = !showMenu), (showIcon = false)"
+          @click="(showMenu = !showMenu), (showIcon = false);"
         >
           <img
             class="w-full h-full"
@@ -228,11 +271,11 @@
 </template>
 
 <script lang="ts">
-import Vue from 'vue'
-import IconSelect from '@/components/iconSelect.vue'
-import Menu from '@/components/mobile/menu.vue'
-import { checkIsMobile } from '@/utils/utils'
-import moment from 'moment'
+import Vue from "vue";
+import IconSelect from "@/components/iconSelect.vue";
+import Menu from "@/components/mobile/menu.vue";
+import { checkIsMobile } from "@/utils/utils";
+import moment from "moment";
 export default Vue.extend({
   components: {
     IconSelect,
@@ -242,52 +285,50 @@ export default Vue.extend({
     return {
       isTop: true,
       showIcon: false,
-      iconType: 'zh-CN',
+      iconType: "zh-CN",
       showMenu: false,
-    }
+    };
   },
   methods: {
     closeMenu(v: boolean) {
-      this.showMenu = !v
+      this.showMenu = !v;
     },
   },
   computed: {
     isMobile() {
-      return checkIsMobile()
+      return checkIsMobile();
     },
   },
   mounted() {
-    const scrollY = window.scrollY
-    const type = this.$route.query as any
+    const scrollY = window.scrollY;
+    const type = this.$route.query as any;
     this.iconType =
-      type.lang || window.sessionStorage.getItem('language') || 'zh-CN'
+      type.lang || window.sessionStorage.getItem("language") || "zh-CN";
     window.sessionStorage.setItem(
-      'language',
-      window.sessionStorage.getItem('language') || this.iconType,
-    )
-    this.$i18n.locale = this.iconType === 'zh-CN' ? 'zh' : 'en'
-    this.isTop = scrollY < 70 ? true : false
-    window.addEventListener('scroll', () => {
-      const scrollY = window.scrollY
-      this.isTop = scrollY < 70 ? true : false
-    })
-    moment.locale(this.iconType === 'zh-CN' ? 'zh-cn' : 'en')
-    document.title = `${this.$t('lang.YUANLIAN')}YCC——${this.$t(
-      'lang.title',
-    )}`
+      "language",
+      window.sessionStorage.getItem("language") || this.iconType
+    );
+    this.$i18n.locale = this.iconType === "zh-CN" ? "zh" : "en";
+    this.isTop = scrollY < 70 ? true : false;
+    window.addEventListener("scroll", () => {
+      const scrollY = window.scrollY;
+      this.isTop = scrollY < 70 ? true : false;
+    });
+    moment.locale(this.iconType === "zh-CN" ? "zh-cn" : "en");
+    document.title = `${this.$t("lang.YUANLIAN")}YCC——${this.$t("lang.title")}`;
   },
   watch: {
     $route(n, o) {
-      const scrollY = window.scrollY
+      const scrollY = window.scrollY;
       this.iconType =
-        window.sessionStorage.getItem('language') || n.query.lang || 'zh-CN'
-      moment.locale(this.iconType === 'zh-CN' ? 'zh-cn' : 'en')
-      this.isTop = scrollY < 70 ? true : false
-      window.addEventListener('scroll', () => {
-        const scrollY = window.scrollY
-        this.isTop = scrollY < 70 ? true : false
-      })
+        window.sessionStorage.getItem("language") || n.query.lang || "zh-CN";
+      moment.locale(this.iconType === "zh-CN" ? "zh-cn" : "en");
+      this.isTop = scrollY < 70 ? true : false;
+      window.addEventListener("scroll", () => {
+        const scrollY = window.scrollY;
+        this.isTop = scrollY < 70 ? true : false;
+      });
     },
   },
-})
+});
 </script>