huangjinming/CounterFire-mobile
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix

Browse Source
This commit is contained in:
huangjinming 2023-07-13 13:33:43 +08:00
parent 08d6d3f331
commit e8acc552f0
2 changed files with 36 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
src/assets/img/task/andriod.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.4 KiB

48
src/views/TaskView.vue
View File

@ -9,10 +9,11 @@
<div class="game-bottom"> <div class="game-bottom">
<div class="game"> <div class="game">
<!-- <div class="download-game"></div> --> <!-- <div class="download-game"></div> -->
<div class="game-img"> <div class="download-item-andriod">
<img src="../assets/img/task/Web3.png" alt="" /> <a href="https://m.counterfire.games/release/counterfire.apk">
<img src="../assets/img/task/andriod.png" alt=""
/></a>
</div> </div>
<div class="download-item-google"> <div class="download-item-google">
<a <a
href="https://play.google.com/store/apps/details?id=com.cege.games.release" href="https://play.google.com/store/apps/details?id=com.cege.games.release"
@ -28,6 +29,9 @@
/></a> /></a>
</div> </div>
</div> </div>
<div class="game-img">
<img src="../assets/img/task/Web3.png" alt="" />
</div>
<div class="quest-text"> <div class="quest-text">
<div> <div>
<a <a
@ -352,7 +356,19 @@ onMounted(() => {
justify-content: space-between; justify-content: space-between;
align-items: flex-start; align-items: flex-start;
} }
.download-item-andriod {
width: 201px;
height: 60px;
// margin-top: 18px;
background-color: #161515;
cursor: pointer;
position: relative;
background: url("@/assets/img/task/andriod.png") no-repeat;
background-size: 100% 100%;
img {
opacity: 0;
}
}
.download-item-google { .download-item-google {
width: 201px; width: 201px;
height: 60px; height: 60px;
@ -388,6 +404,21 @@ onMounted(() => {
width: 100%; width: 100%;
margin: 0 auto; margin: 0 auto;
} }
.game-img {
width: 90%;
display: flex;
margin: 0 auto;
margin-bottom: 46px;
padding-right: 10px;
justify-content: center;
// position: absolute;
// left: 0;
// top: -80px;
img {
width: 226px;
height: 82px;
}
}
.game { .game {
width: 90%; width: 90%;
margin: 0 auto; margin: 0 auto;
@ -395,18 +426,11 @@ onMounted(() => {
position: relative; position: relative;
display: flex; display: flex;
justify-content: space-around; justify-content: space-around;
margin-bottom: 76px; margin-bottom: 36px;
// flex-direction: column; // flex-direction: column;
// justify-content: flex-end; // justify-content: flex-end;
.download-game { .download-game {
} }
.game-img {
width: 226px;
height: 82px;
// position: absolute;
// left: 0;
// top: -80px;
}
} }
.task-bottom { .task-bottom {