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

html/terminal.html

@@ -73,6 +73,7 @@
                     :rows="4"
                     readonly
                     placeholder="接收到的文本将显示在这里..."
+                    :autosize="{ minRows: 4 }"
             ></el-input>
         </el-col>
     </el-row>

html/upload.html

@@ -58,7 +58,7 @@
             }
         }
 
-        #buttons{
+        #buttons {
             display: flex;
             justify-content: center;
         }
@@ -89,19 +89,20 @@
         </div>
     </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;">
         <el-button type="primary" @click="submit">发送</el-button>
         <el-button type="danger" @click="clear">清空</el-button>
     </div>
 
+    <el-input
+            v-model="result"
+            type="textarea"
+            :rows="4"
+            readonly
+            placeholder="AI生成的文本将显示在这里..."
+            :autosize="{ minRows: 4 }"
+    ></el-input>
+
 </div>
 
 <script src="https://cdn.jsdelivr.net/npm/vue@3"></script>