Browse Source

新增二维码

master
liaoxinyu 2 years ago
parent
commit
0457cd41a1
  1. BIN
      src/assets/img/home/qrcode.png
  2. 8
      src/components/CommonFooter.vue
  3. 17
      src/views/home/index.vue

BIN
src/assets/img/home/qrcode.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.4 KiB

After

Width:  |  Height:  |  Size: 2.5 KiB

8
src/components/CommonFooter.vue

@ -258,8 +258,9 @@
</div> </div>
<div class="footer-right"> <div class="footer-right">
<div style="font-size: 20px;">{{ $t("homeNewText.hh41") }}</div> <div style="font-size: 20px;">{{ $t("homeNewText.hh41") }}</div>
<router-link class="jump_btn" to="/exchange">{{ $t("homeNewText.hh42") }}</router-link> <router-link class="jump_btn" to="/sign-up" v-if="!isLogin">{{ $t("homeNewText.hh33") }}</router-link>
<img src="@/assets/img/home/dfiqr.png" alt="" style="width: 120px;height: 120px;background-color: #ccc;"> <router-link class="jump_btn" to="/exchange" v-else>{{ $t("homeNewText.hh42") }}</router-link>
<img src="@/assets/img/home/qrcode.png" alt="" style="width: 120px;height: 120px;background-color: #ccc;">
<div style="font-size: 16px; color: #797979;margin-top: 12px;text-align: center;">{{ $t("homeNewText.hh43") }}</div> <div style="font-size: 16px; color: #797979;margin-top: 12px;text-align: center;">{{ $t("homeNewText.hh43") }}</div>
</div> </div>
</div> </div>
@ -365,6 +366,9 @@ export default {
...mapState({ ...mapState({
appConfig: "appConfig", appConfig: "appConfig",
}), }),
isLogin() {
return Boolean(localStorage.token);
},
// //
nativeLang() { nativeLang() {
let UALang; let UALang;

17
src/views/home/index.vue

@ -66,7 +66,7 @@
<div class="right" style="overflow: visible;"> <div class="right" style="overflow: visible;">
<div class="right_box"> <div class="right_box">
<div class="right_color">{{ $t("cxiNewText.a40") }}</div> <div class="right_color">{{ $t("cxiNewText.a40") }}</div>
<div class="right_img"></div> <div class="right_img"><img src="@/assets/img/home/qrcode.png" alt="" /></div>
<div class="right_Android">IOS & Android</div> <div class="right_Android">IOS & Android</div>
</div> </div>
</div> </div>
@ -214,7 +214,7 @@
<div class="Tradinganytime_IOS"><img src="@/assets/img/home/IOS.png" width="32" height="32"><div style="height: 28px;">Android APK</div></div> <div class="Tradinganytime_IOS"><img src="@/assets/img/home/IOS.png" width="32" height="32"><div style="height: 28px;">Android APK</div></div>
<div class="Tradinganytime_Android"><img src="@/assets/img/home/Android.png" width="32" height="32"><div style="height: 30px;">App Stoer</div></div> <div class="Tradinganytime_Android"><img src="@/assets/img/home/Android.png" width="32" height="32"><div style="height: 30px;">App Stoer</div></div>
</div> </div>
<div class="Tradinganytime_img"><img src="" width="202" height="202"></div> <div class="Tradinganytime_img"><img src="@/assets/img/home/qrcode.png" width="202" height="202"></div>
</div> </div>
</div> </div>
</div> </div>
@ -2438,10 +2438,13 @@
} }
.right_img{ .right_img{
width: 206px; // background-color: rgba(255, 255, 255, 1);
height: 208px; img{
background-color: rgba(255, 255, 255, 1); width: 206px;
border-radius: 20px; height: 208px;
border-radius: 20px;
}
} }
.right_Android{ .right_Android{
@ -2489,7 +2492,7 @@
.Tradinganytime_img{ .Tradinganytime_img{
width: 202px; width: 202px;
height: 202px; height: 202px;
background-color: #808080; // background-color: #808080;
} }
} }
} }

Loading…
Cancel
Save