| 提交 | 用户 | 时间 | ||
| 820397 | 1 | <template> |
| H | 2 | <div> |
| 3 | <Title title="音乐/歌词说明" desc="描述您想要的音乐风格和主题，使用流派和氛围而不是特定的艺术家和歌曲"> | |
| 4 | <el-input | |
| 5 | v-model="formData.desc" | |
| 6 | :autosize="{ minRows: 6, maxRows: 6}" | |
| 7 | resize="none" | |
| 8 | type="textarea" | |
| 9 | maxlength="1200" | |
| 10 | show-word-limit | |
| 11 | placeholder="一首关于糟糕分手的欢快歌曲" | |
| 12 | /> | |
| 13 | </Title> | |
| 14 | ||
| 15 | <Title title="纯音乐" desc="创建一首没有歌词的歌曲"> | |
| 16 | <template #extra> | |
| 17 | <el-switch v-model="formData.pure" size="small"/> | |
| 18 | </template> | |
| 19 | </Title> | |
| 20 | ||
| 21 | <Title title="版本" desc="描述您想要的音乐风格和主题，使用流派和氛围而不是特定的艺术家和歌曲"> | |
| 22 | <el-select v-model="formData.version" placeholder="请选择"> | |
| 23 | <el-option | |
| 24 | v-for="item in [{ | |
| 25 | value: '3', | |
| 26 | label: 'V3' | |
| 27 | }, { | |
| 28 | value: '2', | |
| 29 | label: 'V2' | |
| 30 | }]" | |
| 31 | :key="item.value" | |
| 32 | :label="item.label" | |
| 33 | :value="item.value" | |
| 34 | /> | |
| 35 | </el-select> | |
| 36 | </Title> | |
| 37 | </div> | |
| 38 | </template> | |
| 39 | ||
| 40 | <script lang="ts" setup> | |
| 41 | import Title from '../title/index.vue' | |
| 42 | ||
| 43 | defineOptions({ name: 'Desc' }) | |
| 44 | ||
| 45 | const formData = reactive({ | |
| 46 | desc: '', | |
| 47 | pure: false, | |
| 48 | version: '3' | |
| 49 | }) | |
| 50 | ||
| 51 | defineExpose({ | |
| 52 | formData | |
| 53 | }) | |
| 54 | ||
| 55 | </script> | |
