|
@@ -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%;
|