src/views/ai/music/index/mode/index.vue

@@ -1,20 +1,14 @@
<template>
  <ContentWrap class="w-300px h-full mb-[0!important]">
    <el-radio-group v-model="generateMode" class="mb-15px">
      <el-radio-button label="desc">
        描述模式
      </el-radio-button>
      <el-radio-button label="lyric">
        歌词模式
      </el-radio-button>
      <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"/>
    <component :is="generateMode === 'desc' ? desc : lyric" ref="modeRef" />

    <el-button type="primary" round class="w-full" @click="generateMusic">
      创作音乐
    </el-button>
    <el-button type="primary" round class="w-full" @click="generateMusic"> 创作音乐 </el-button>
  </ContentWrap>
</template>

@@ -34,8 +28,8 @@
 *@Description: 根据信息生成音乐
 *@MethodAuthor: xiaohong
 *@Date: 2024-06-27 16:40:16
*/
function generateMusic () {
  emits('generate-music', {formData: unref(modeRef)?.formData})
 */
function generateMusic() {
  emits('generate-music', { formData: unref(modeRef)?.formData })
}
</script>