fix: 剧本风格支持多行输入并优化移动端布局
This commit is contained in:
@@ -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' }"
|
||||||
|
|||||||
Reference in New Issue
Block a user