all_user/huangguo_landpage
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

下载按钮修改

Browse Source
This commit is contained in:
谢宇宁
2026-11-13 15:18:50 +07:00
parent 469b4074d7
commit a6aa06fa7d
1 changed files with 22 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/landing-hg2/Mobile.vue
+22 -16
View File
@@ -47,28 +47,31 @@
不同主题，不同惊喜，每次打开<br />都有新的故事发生。
</p>
</div>
<!-- 按机型只留对应平台的下载按钮：iOS 只显示苹果，安卓只显示安卓主/备用 -->
<div class="downloadRow">
<button type="button" class="dlBtn" @click.stop="onApple">
<button v-if="isIos" type="button" class="dlBtn" @click.stop="onApple">
<img class="dlIcon" :src="downloadWhiteIcon" alt="" />
<span class="dlText">
<span class="dlMain">苹果下载</span>
<span class="dlSub">iOS 版本</span>
</span>
</button>
<button type="button" class="dlBtn" @click.stop="onAndroid">
<img class="dlIcon" :src="downloadWhiteIcon" alt="" />
<span class="dlText">
<span class="dlMain">安卓下载</span>
<span class="dlSub">Android 版本</span>
</span>
</button>
<button type="button" class="dlBtn" @click.stop="onAndroidSpare">
<img class="dlIcon" :src="downloadWhiteIcon" alt="" />
<span class="dlText">
<span class="dlMain">安卓备用</span>
<span class="dlSub">备用线路下载</span>
</span>
</button>
<template v-else>
<button type="button" class="dlBtn" @click.stop="onAndroid">
<img class="dlIcon" :src="downloadWhiteIcon" alt="" />
<span class="dlText">
<span class="dlMain">安卓下载</span>
<span class="dlSub">Android 版本</span>
</span>
</button>
<button type="button" class="dlBtn" @click.stop="onAndroidSpare">
<img class="dlIcon" :src="downloadWhiteIcon" alt="" />
<span class="dlText">
<span class="dlMain">安卓备用</span>
<span class="dlSub">备用线路下载</span>
</span>
</button>
</template>
</div>
</section>
@@ -657,7 +660,10 @@ $page: #0b0b0d;
}
.dlBtn {
width: 110px;
// 按机型只剩 1~2 个按钮，等分剩余宽度（封顶 170px），不要还挤在 110px
flex: 1 1 0;
min-width: 110px;
max-width: 170px;
height: 44px;
border: 0;
border-radius: 11px;