张怿凡
0cc7d05f55
Some checks failed
Java CI with Maven / build (11) (push) Has been cancelled
Java CI with Maven / build (17) (push) Has been cancelled
Java CI with Maven / build (8) (push) Has been cancelled
yudao-ui-admin CI / build (14.x) (push) Has been cancelled
yudao-ui-admin CI / build (16.x) (push) Has been cancelled
36 lines
1019 B
Vue
36 lines
1019 B
Vue
<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>
|