fix: 剧本风格支持多行输入并优化移动端布局

This commit is contained in:
GouJ
2026-09-14 13:37:18 +08:00
parent ba7eafee36
commit cb1fb04829
@@ -68,13 +68,15 @@ const rules = { topic: requiredTextRule('故事主题'), episodeCount: integerRu
:autosize="{ minRows: 3, maxRows: 12 }" :autosize="{ minRows: 3, maxRows: 12 }"
></NInput ></NInput
></NFormItem> ></NFormItem>
<div class="grid grid-cols-[1fr_110px] gap-4"> <div class="grid grid-cols-1 gap-4 sm:grid-cols-[minmax(0,1fr)_110px]">
<NFormItem path="style" label="剧本风格" :label-props="{ for: 'style' }" <NFormItem path="style" label="剧本风格" :label-props="{ for: 'style' }"
><NInput ><NInput
placeholder="如:都市悬疑、爽文反转" placeholder="如:都市悬疑、爽文反转"
:disabled="busy" :disabled="busy"
:input-props="{ id: 'style' }" :input-props="{ id: 'style' }"
v-model:value="form.style" v-model:value="form.style"
type="textarea"
:autosize="{ minRows: 2, maxRows: 6 }"
></NInput ></NInput
></NFormItem> ></NFormItem>
<NFormItem path="episodeCount" label="计划集数" :label-props="{ for: 'episode-count' }" <NFormItem path="episodeCount" label="计划集数" :label-props="{ for: 'episode-count' }"