From 56c72c8e7b58d5b7a27d8654037b1ee22a808ce1 Mon Sep 17 00:00:00 2001 From: dongyukun <1208714201@qq.com> Date: 星期四, 19 六月 2025 15:05:29 +0800 Subject: [PATCH] 快照配置分页 --- src/views/ai/music/index/mode/index.vue | 35 +++++++++++++++++++++++++++++++++++ 1 files changed, 35 insertions(+), 0 deletions(-) diff --git a/src/views/ai/music/index/mode/index.vue b/src/views/ai/music/index/mode/index.vue new file mode 100644 index 0000000..32cad7e --- /dev/null +++ b/src/views/ai/music/index/mode/index.vue @@ -0,0 +1,35 @@ +<template> + <ContentWrap class="w-300px h-full mb-[0!important]"> + <el-radio-group v-model="generateMode" class="mb-15px"> + <el-radio-button value="desc"> 描述模式 </el-radio-button> + <el-radio-button value="lyric"> 歌词模式 </el-radio-button> + </el-radio-group> + + <!-- 描述模式/歌词模式 切换 --> + <component :is="generateMode === 'desc' ? desc : lyric" ref="modeRef" /> + + <el-button type="primary" round class="w-full" @click="generateMusic"> 创作音乐 </el-button> + </ContentWrap> +</template> + +<script lang="ts" setup> +import desc from './desc.vue' +import lyric from './lyric.vue' + +defineOptions({ name: 'Index' }) + +const emits = defineEmits(['generate-music']) + +const generateMode = ref('lyric') + +const modeRef = ref<Nullable<{ formData: Recordable }>>(null) + +/* + *@Description: 根据信息生成音乐 + *@MethodAuthor: xiaohong + *@Date: 2024-06-27 16:40:16 + */ +function generateMusic() { + emits('generate-music', { formData: unref(modeRef)?.formData }) +} +</script> -- Gitblit v1.9.3