lanxin 5 天之前
父节点
当前提交
d3ff6d0e96
共有 1 个文件被更改,包括 8 次插入20 次删除
  1. 8 20
      scene/src/components/welcome/index.vue

+ 8 - 20
scene/src/components/welcome/index.vue

@@ -7,23 +7,15 @@
       src="https://zzbbh.4dage.com/SWKK/show.html?id=WK1717474784264114176&vr=fd720_Y8cO1d7Fu&lang=zh"
       frameborder="0"
     ></iframe> -->
-    <div class="btn" @click.stop="$emit('close')" @click="changeLanguage('en')">
+    <div class="btn" style="display: none" @click.stop="$emit('close')" @click="changeLanguage('en')">
       <img ref="enBtn" src="../../assets/img/btnBg.png" alt="" />
       <p>English</p>
     </div>
-    <div
-      class="btn btn2"
-      @click.stop="$emit('close')"
-      @click="changeLanguage('zh-hk')"
-    >
+    <div class="btn btn2" @click.stop="$emit('close')" @click="changeLanguage('zh-hk')">
       <img ref="zhBtn" src="../../assets/img/btnBg.png" alt="" />
       <p>繁體中文</p>
     </div>
-    <div
-      class="btn btn3"
-      @click.stop="$emit('close')"
-      @click="changeLanguage('pe')"
-    >
+    <div class="btn btn3" @click.stop="$emit('close')" @click="changeLanguage('pe')">
       <img ref="peBtn" src="../../assets/img/btnBg.png" alt="" />
       <p>Português</p>
     </div>
@@ -42,13 +34,7 @@ export default {
   },
   mounted() {
     const curLang = localStorage.getItem("locale");
-    curLang === "zh-hk"
-      ? (this.$refs.zhBtn.src = require(`../../assets/img/btnBg_ac.png`))
-      : curLang === "en"
-      ? (this.$refs.enBtn.src = require(`../../assets/img/btnBg_ac.png`))
-      : curLang === "pe"
-      ? (this.$refs.peBtn.src = require(`../../assets/img/btnBg_ac.png`))
-      : "";
+    curLang === "zh-hk" ? (this.$refs.zhBtn.src = require(`../../assets/img/btnBg_ac.png`)) : curLang === "en" ? (this.$refs.enBtn.src = require(`../../assets/img/btnBg_ac.png`)) : curLang === "pe" ? (this.$refs.peBtn.src = require(`../../assets/img/btnBg_ac.png`)) : "";
   },
 };
 </script>
@@ -95,10 +81,12 @@ export default {
     }
   }
   .btn2 {
-    transform: translateX(-180%);
+    // transform: translateX(-180%);
+    transform: translateX(-110%);
   }
   .btn3 {
-    transform: translateX(80%);
+    // transform: translateX(80%);
+    transform: translateX(10%);
   }
   .pcBg {
     width: 100%;