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/lyric.vue | 83 +++++++++++++++++++++++++++++++++++++++++
1 files changed, 83 insertions(+), 0 deletions(-)
diff --git a/src/views/ai/music/index/mode/lyric.vue b/src/views/ai/music/index/mode/lyric.vue
new file mode 100644
index 0000000..f774003
--- /dev/null
+++ b/src/views/ai/music/index/mode/lyric.vue
@@ -0,0 +1,83 @@
+<template>
+ <div class="">
+ <Title title="歌词" desc="自己编写歌词或使用Ai生成歌词，两节/8行效果最佳">
+ <el-input
+ v-model="formData.lyric"
+ :autosize="{ minRows: 6, maxRows: 6}"
+ resize="none"
+ type="textarea"
+ maxlength="1200"
+ show-word-limit
+ placeholder="请输入您自己的歌词"
+ />
+ </Title>
+
+ <Title title="音乐风格">
+ <el-space class="flex-wrap">
+ <el-tag v-for="tag in tags" :key="tag" round class="mb-8px">{{tag}}</el-tag>
+ </el-space>
+
+ <el-button
+ :type="showCustom ? 'primary': 'default'"
+ round
+ size="small"
+ class="mb-6px"
+ @click="showCustom = !showCustom"
+ >自定义风格
+ </el-button>
+ </Title>
+
+ <Title v-show="showCustom" desc="描述您想要的音乐风格，Suno无法识别艺术家的名字，但可以理解流派和氛围" class="-mt-12px">
+ <el-input
+ v-model="formData.style"
+ :autosize="{ minRows: 4, maxRows: 4}"
+ resize="none"
+ type="textarea"
+ maxlength="256"
+ show-word-limit
+ placeholder="输入音乐风格(英文)"
+ />
+ </Title>
+
+ <Title title="音乐/歌曲名称">
+ <el-input v-model="formData.name" placeholder="请输入音乐/歌曲名称"/>
+ </Title>
+
+ <Title title="版本">
+ <el-select v-model="formData.version" placeholder="请选择">
+ <el-option
+ v-for="item in [{
+ value: '3',
+ label: 'V3'
+ }, {
+ value: '2',
+ label: 'V2'
+ }]"
+ :key="item.value"
+ :label="item.label"
+ :value="item.value"
+ />
+ </el-select>
+ </Title>
+ </div>
+</template>
+
+<script lang="ts" setup>
+import Title from '../title/index.vue'
+defineOptions({ name: 'Lyric' })
+
+const tags = ['rock', 'punk', 'jazz', 'soul', 'country', 'kidsmusic', 'pop']
+
+const showCustom = ref(false)
+
+const formData = reactive({
+ lyric: '',
+ style: '',
+ name: '',
+ version: ''
+})
+
+defineExpose({
+ formData
+})
+</script>
--
Gitblit v1.9.3