设置文本框自动变高。为兼顾移动端显示效果,将文本框和按钮布局上下位置对调。

This commit is contained in:
高子兴 2024-10-26 16:29:21 +08:00
parent 1ed9822f2f
commit 37ac030f9e
2 changed files with 11 additions and 9 deletions

View File

@ -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>

View File

@ -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>