mirror of
https://github.com/yangjian102621/geekai.git
synced 2026-04-29 14:34:27 +08:00
手机端视频生成页面调整完成
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user