root/riwa-ionic
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 修改应用的颜色模式为亮色，并调整下载按钮的大小以增强可读性

Browse Source
This commit is contained in:
Seven
2026-01-03 18:19:37 +07:00
parent d5e952477a
commit 8dc007a36c
2 changed files with 4 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
packages/distribute/pages/index.vue
View File

@@ -252,34 +252,31 @@ useHead({
v-if="app.downloads.ios"
icon="i-heroicons-device-phone-mobile"
label="iOS"
size="sm"
size="lg"
block
class="transition-all duration-300 hover:shadow-lg hover:shadow-blue-500/50 hover:-translate-y-1 active:scale-95 active:shadow-xl active:shadow-blue-500/60 touch-manipulation relative overflow-hidden group/btn"
@click.stop="(e) => handleDownload(app, 'ios', e)"
>
<span class="absolute inset-0 bg-gradient-to-r from-transparent via-white/20 to-transparent translate-x-[-100%] group-hover/btn:translate-x-[100%] transition-transform duration-500"></span>
</UButton>
<UButton
v-if="app.downloads.android"
icon="i-heroicons-device-tablet"
label="Android"
size="sm"
size="lg"
block
class="transition-all duration-300 hover:shadow-lg hover:shadow-blue-500/50 hover:-translate-y-1 active:scale-95 active:shadow-xl active:shadow-blue-500/60 touch-manipulation relative overflow-hidden group/btn"
@click.stop="(e) => handleDownload(app, 'android', e)"
>
<span class="absolute inset-0 bg-gradient-to-r from-transparent via-white/20 to-transparent translate-x-[-100%] group-hover/btn:translate-x-[100%] transition-transform duration-500"></span>
</UButton>
<UButton
v-if="app.downloads.h5"
icon="i-heroicons-globe-alt"
label="Web"
size="sm"
size="lg"
block
class="transition-all duration-300 hover:shadow-lg hover:shadow-blue-500/50 hover:-translate-y-1 active:scale-95 active:shadow-xl active:shadow-blue-500/60 touch-manipulation relative overflow-hidden group/btn"
@click.stop="(e) => handleDownload(app, 'h5', e)"
>
<span class="absolute inset-0 bg-gradient-to-r from-transparent via-white/20 to-transparent translate-x-[-100%] group-hover/btn:translate-x-[100%] transition-transform duration-500"></span>
</UButton>
</div>
</UCard>