支持标题换行

admin-content/src/views/home.vue

@@ -108,9 +108,9 @@ export default {
       ],
       formfiled: [
         { name: 'thumbnail', label: '缩略图', formater: 'slot' },
-        { name: 'twoTitle', label: '二级标题' },
-        { name: 'title', label: '标题' },
-        { name: 'curtTitle', label: '副标题' },
+        { name: 'twoTitle', label: '二级标题', formater: 'textarea' },
+        { name: 'title', label: '标题', formater: 'textarea' },
+        { name: 'curtTitle', label: '副标题', formater: 'textarea' },
         { name: 'source', label: '来源', formater: 'slot' },
         { name: 'recommend', label: '推荐', formater: 'slot' },
         { name: 'author', label: '作者', formater: 'slot' },

admin-frame/src/components/formData/index.vue

@@ -3,6 +3,8 @@
     <el-form-item v-for="(item, index) in filterFiled" :key="`item-${index}`" :label="item.label" :prop="item.name">
       <!-- 输入控件 -->
       <el-input v-if="!item.formater" v-model="formdata[item.name]" :placeholder="item.placeholder || `请输入${item.label}`"></el-input>
+      <!-- 文本域输入控件 -->
+      <el-input  v-if="item.formater == 'textarea'" :autosize="{ minRows: 1, maxRows: 2}" type="textarea" class="inputtextarea" v-model="formdata[item.name]" :placeholder="item.placeholder || `请输入${item.label}`"></el-input>
       <!-- 选择控件 -->
       <el-select v-if="item.formater == 'dict'" v-model="formdata[item.name]" :placeholder="item.placeholder || `请选择${item.label}`">
         <el-option v-for="(e, i) in item.dict" :key="`option${i}`" :label="e.name" :value="e.code"></el-option>
@@ -127,4 +129,14 @@ export default {
   }
 };
 </script>
-<style lang="scss" scoped></style>
+<style lang="scss">
+.inputtextarea{
+  border: 1px solid #C0C4CC; /* 设置文本域的边框 */
+  border-radius: 5px; /* 设置文本域右下角的圆角半径 */
+  overflow: hidden;
+}
+.inputtextarea textarea {
+  resize: none;
+  width: 110%;
+}
+</style>