设置文本框自动变高。为兼顾移动端显示效果,将文本框和按钮布局上下位置对调。
This commit is contained in:
parent
1ed9822f2f
commit
37ac030f9e
@ -73,6 +73,7 @@
|
|||||||
:rows="4"
|
:rows="4"
|
||||||
readonly
|
readonly
|
||||||
placeholder="接收到的文本将显示在这里..."
|
placeholder="接收到的文本将显示在这里..."
|
||||||
|
:autosize="{ minRows: 4 }"
|
||||||
></el-input>
|
></el-input>
|
||||||
</el-col>
|
</el-col>
|
||||||
</el-row>
|
</el-row>
|
||||||
|
|||||||
@ -89,19 +89,20 @@
|
|||||||
</div>
|
</div>
|
||||||
</el-upload>
|
</el-upload>
|
||||||
|
|
||||||
<el-input
|
|
||||||
v-model="result"
|
|
||||||
type="textarea"
|
|
||||||
:rows="6"
|
|
||||||
readonly
|
|
||||||
placeholder="AI生成的文本将显示在这里..."
|
|
||||||
></el-input>
|
|
||||||
|
|
||||||
<div id="buttons" style="margin-top: 20px; text-align: right;">
|
<div id="buttons" style="margin-top: 20px; text-align: right;">
|
||||||
<el-button type="primary" @click="submit">发送</el-button>
|
<el-button type="primary" @click="submit">发送</el-button>
|
||||||
<el-button type="danger" @click="clear">清空</el-button>
|
<el-button type="danger" @click="clear">清空</el-button>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<el-input
|
||||||
|
v-model="result"
|
||||||
|
type="textarea"
|
||||||
|
:rows="4"
|
||||||
|
readonly
|
||||||
|
placeholder="AI生成的文本将显示在这里..."
|
||||||
|
:autosize="{ minRows: 4 }"
|
||||||
|
></el-input>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<script src="https://cdn.jsdelivr.net/npm/vue@3"></script>
|
<script src="https://cdn.jsdelivr.net/npm/vue@3"></script>
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user