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

2
packages/distribute/nuxt.config.ts
View File

@@ -14,7 +14,7 @@ export default defineNuxtConfig({
], ],
colorMode: { colorMode: {
preference: 'dark', preference: 'light',
}, },
i18n: { i18n: {

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

@@ -252,34 +252,31 @@ useHead({
v-if="app.downloads.ios" v-if="app.downloads.ios"
icon="i-heroicons-device-phone-mobile" icon="i-heroicons-device-phone-mobile"
label="iOS" label="iOS"
size="sm" size="lg"
block 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" 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)" @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>
<UButton <UButton
v-if="app.downloads.android" v-if="app.downloads.android"
icon="i-heroicons-device-tablet" icon="i-heroicons-device-tablet"
label="Android" label="Android"
size="sm" size="lg"
block 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" 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)" @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>
<UButton <UButton
v-if="app.downloads.h5" v-if="app.downloads.h5"
icon="i-heroicons-globe-alt" icon="i-heroicons-globe-alt"
label="Web" label="Web"
size="sm" size="lg"
block 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" 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)" @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> </UButton>
</div> </div>
</UCard> </UCard>