增加apk下载链接

This commit is contained in:
cebgcontract 2022-05-25 14:54:12 +08:00
parent 9db083a511
commit 9af5880626
9 changed files with 56 additions and 11 deletions

3
.env
View File

@ -1,2 +1,5 @@
VUE_APP_WALLET_INFURAID='e7743d46923911fa8850619b7a7f6d9d' VUE_APP_WALLET_INFURAID='e7743d46923911fa8850619b7a7f6d9d'
VUE_APP_CHAIN_ID=97 VUE_APP_CHAIN_ID=97
VUE_APP_PLAY_URL='https://play.google.com/store/apps/details?id=games.cebg.metaverse.nft.btc.blockchain.eth.coinbase.binance.FTX.kucoin'
VUE_APP_APPSTORE='javascript:void(0)'
VUE_APP_APK_URL='https://www.cebg.games/release/cebg.apk'

View File

@ -7,7 +7,7 @@
"lint": "vue-cli-service lint", "lint": "vue-cli-service lint",
"build:prod": "vue-cli-service build --modern", "build:prod": "vue-cli-service build --modern",
"build:test": "vue-cli-service build --mode test", "build:test": "vue-cli-service build --mode test",
"deploy:prod": "rm -f ./dist/.DS_Store && aws s3 sync ./dist s3://cebg.games", "deploy:prod": "rm -f ./dist/.DS_Store && aws s3 sync ./dist s3://cebg.games --exclude \"pubgv4/*\" --exclude \"release/*\"",
"deploy:test": "rm -f ./dist/.DS_Store && aws s3 sync ./dist s3://test-client.cebg.games", "deploy:test": "rm -f ./dist/.DS_Store && aws s3 sync ./dist s3://test-client.cebg.games",
"refresh:prod": "aws cloudfront create-invalidation --distribution-id E34PEY4AGTMS0Y --paths \"/*\"", "refresh:prod": "aws cloudfront create-invalidation --distribution-id E34PEY4AGTMS0Y --paths \"/*\"",
"refresh:test": "aws cloudfront create-invalidation --distribution-id EE4HC9OXEQC7Y --paths \"/*\"", "refresh:test": "aws cloudfront create-invalidation --distribution-id EE4HC9OXEQC7Y --paths \"/*\"",

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.1 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 6.6 KiB

After

Width:  |  Height:  |  Size: 14 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.6 KiB

View File

@ -8,7 +8,7 @@
v-show="videoShow" v-show="videoShow"
class="video-youtube-202202" class="video-youtube-202202"
:class="{'mobile': mobile}" :class="{'mobile': mobile}"
video-id="_SZ5pVCxmro" video-id="od1HDpyMHG0"
:player-vars="playerVars" :player-vars="playerVars"
:player-width="videoWidth" :player-width="videoWidth"
:player-height="videoHeight" :player-height="videoHeight"

View File

@ -16,8 +16,15 @@
</div> </div>
<img src="@/assets/202202/btn-download@2x.png" class="download-btn" alt="text"/> <img src="@/assets/202202/btn-download@2x.png" class="download-btn" alt="text"/>
<div class="download-links"> <div class="download-links">
<img src="@/assets/202202/googleplay@2x.png" alt="google play"/> <a :href="apkUrl">
<img src="@/assets/202202/applestore@2x.png" alt="appstore"/> <img src="@/assets/202202/apk_download.png" alt="download apk"/>
</a>
<a target="_blank" :href="googlePlay">
<img src="@/assets/202202/googleplay@2x.png" alt="google play"/>
</a>
<a target="_blank" :href="appstore">
<img src="@/assets/202202/applestore@2x.png" alt="appstore"/>
</a>
</div> </div>
<div class="img-text-cell"> <div class="img-text-cell">
<img class="title-img" src="@/assets/202202/play-to-earn@2x.png" alt="play to earn"/> <img class="title-img" src="@/assets/202202/play-to-earn@2x.png" alt="play to earn"/>
@ -58,6 +65,18 @@ import OneColCell from '@/components/index/OneColCell.vue'
} }
}) })
export default class extends Vue { export default class extends Vue {
get googlePlay() {
return process.env.VUE_APP_PLAY_URL
}
get appstore() {
return process.env.VUE_APP_APPSTORE
}
get apkUrl() {
return process.env.VUE_APP_APK_URL
}
get cellList() { get cellList() {
return [ return [
{ {
@ -171,5 +190,8 @@ export default class extends Vue {
img.ceg { img.ceg {
margin-right: 2px; margin-right: 2px;
} }
.download-links{
transform: scale(0.8);
}
} }
</style> </style>

View File

@ -259,11 +259,11 @@ export default class extends Vue {
get currentFilterData(): IFilterCfg[] { get currentFilterData(): IFilterCfg[] {
if (!process.env.VUE_APP_PART_CLOSE) { if (!process.env.VUE_APP_PART_CLOSE) {
switch (this.nftType) { switch (this.nftType) {
case 0:
return this.heroFilterData
case 1: case 1:
return this.weaponFilterData return this.heroFilterData
case 2: case 2:
return this.weaponFilterData
case 3:
return this.chipFilterData return this.chipFilterData
default: default:
return this.heroFilterData return this.heroFilterData

View File

@ -18,8 +18,15 @@
<img src="@/assets/202202/btn-download@2x.png" class="download-btn" alt="text"/> <img src="@/assets/202202/btn-download@2x.png" class="download-btn" alt="text"/>
<div class="download-links"> <div class="download-links">
<img src="@/assets/mobile/index/icon-google.png" alt="google play"/> <a :href="apkUrl">
<img src="@/assets/mobile/index/icon-appstore.png" alt="appstore"/> <img src="@/assets/202202/apk_download.png" alt="download apk"/>
</a>
<a target="_blank" :href="googlePlay">
<img src="@/assets/202202/googleplay@2x.png" alt="google play"/>
</a>
<a target="_blank" :href="appstore">
<img src="@/assets/202202/applestore@2x.png" alt="appstore"/>
</a>
</div> </div>
<div class="img-text-cell"> <div class="img-text-cell">
@ -58,6 +65,18 @@ import OneColCell from '@/components/index/OneColCell.vue'
} }
}) })
export default class MobileCenterSection extends Vue { export default class MobileCenterSection extends Vue {
get googlePlay() {
return process.env.VUE_APP_PLAY_URL
}
get appstore() {
return process.env.VUE_APP_APPSTORE
}
get apkUrl() {
return process.env.VUE_APP_APK_URL
}
get cellList() { get cellList() {
return [ return [
{ {
@ -149,8 +168,9 @@ export default class MobileCenterSection extends Vue {
align-items: center; align-items: center;
gap: 4vw; gap: 4vw;
img{ img{
width: 62.5vw; width: 75vw;
height: 18vw ; height: 26vw;
margin-bottom: -8vw;
} }
} }
.img-text-cell{ .img-text-cell{