手机端视频生成页面调整完成

This commit is contained in:
GeekMaster
2025-08-08 12:47:12 +08:00
parent 4e237c9560
commit 0ce5df6811
25 changed files with 762 additions and 679 deletions

View File

@@ -201,13 +201,15 @@
<!-- 生成按钮 -->
<div class="setting-card">
<button @click="store.create" :disabled="store.loading" class="create-btn">
<button
@click="store.create"
:disabled="store.loading"
class="w-full py-3 bg-gradient-to-r from-blue-500 to-purple-600 text-white rounded-xl disabled:from-gray-400 disabled:to-gray-400 disabled:cursor-not-allowed hover:from-blue-600 hover:to-purple-700 transition-all duration-200 flex items-center justify-center space-x-2"
>
<i v-if="store.loading" class="iconfont icon-loading animate-spin"></i>
<i v-else class="iconfont icon-chuangzuo"></i>
<span
>{{ store.loading ? '创作中...' : store.btnText }} ({{ store.sunoPower }}
<i class="iconfont icon-vip2 !text-xs"></i>
)</span
>{{ store.loading ? '创作中...' : store.btnText }} ({{ store.sunoPower }}算力)</span
>
</button>
</div>
@@ -233,7 +235,6 @@
<!-- 上传区域 -->
<el-upload
class="custom-upload"
drag
:auto-upload="true"
:show-file-list="false"
:http-request="store.uploadAudio"
@@ -241,11 +242,13 @@
:limit="1"
>
<template #trigger>
<div class="p-2">
<el-button class="upload-btn" size="large" type="primary">
<div class="w-full py-2">
<button
class="w-full py-3 bg-gradient-to-r from-orange-300 to-purple-500 text-white rounded-xl disabled:from-gray-400 disabled:to-gray-400 disabled:cursor-not-allowed hover:from-orange-300 hover:to-red-500 transition-all duration-200 flex items-center justify-center space-x-2"
>
<i class="iconfont icon-upload mr-2"></i>
<span>上传音乐</span>
</el-button>
</button>
</div>
</template>
</el-upload>