diff --git a/cutejava-front/src/views/components/dev/CuteTextAreaInput.vue b/cutejava-front/src/views/components/dev/CuteTextAreaInput.vue
new file mode 100644
index 00000000..4778028f
--- /dev/null
+++ b/cutejava-front/src/views/components/dev/CuteTextAreaInput.vue
@@ -0,0 +1,55 @@
+<!--
+ * 多行文本输入组件
+ * @author odboy
+ * @email tianjun@odboy.cn
+ * @created 2026-02-01
+ -->
+<template>
+  <el-input
+    v-model="content"
+    type="textarea"
+    :autosize="{ minRows: 1, maxRows: 5}"
+    placeholder="请输入内容"
+    :maxlength="maxlength"
+    :disabled="disabled"
+    show-word-limit
+    :clearable="true"
+    resize="vertical"
+    autocomplete="false"
+    auto-complete="false"
+    :readonly="readonly"
+    style="width: 100%"
+    @input="handleInput"
+  />
+</template>
+
+<script>
+export default {
+  name: 'CuteTextAreaInput',
+  props: {
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    readonly: {
+      type: Boolean,
+      default: false
+    },
+    maxlength: {
+      type: Number,
+      default: 120
+    }
+  },
+  data() {
+    return {
+      content: ''
+    }
+  },
+  methods: {
+    handleInput(value) {
+      this.$emit('input', value)
+    }
+  }
+}
+</script>
+
diff --git a/cutejava-front/src/views/componentsDemo/CuteOtherDemo.vue b/cutejava-front/src/views/componentsDemo/CuteOtherDemo.vue
index 36f77169..6b83ec6f 100644
--- a/cutejava-front/src/views/componentsDemo/CuteOtherDemo.vue
+++ b/cutejava-front/src/views/componentsDemo/CuteOtherDemo.vue
@@ -24,6 +24,8 @@
       <el-table-column prop="name" label="姓名" />
       <el-table-column prop="description" label="备注" />
     </cute-transfer>
+    <cute-section-title title="多行输入文本 CuteTextAreaInput" />
+    <cute-text-area-input />
     <cute-section-title title="链接 CuteLink" />
     <cute-link title="百度一下" href="https://www.baidu.com" />
     <cute-section-title title="空状态 CuteNoData" />
@@ -70,10 +72,12 @@ import CuteScreenShot from '@/views/components/dev/CuteScreenShot.vue'
 import CuteSectionTitle from '@/views/components/dev/CuteSectionTitle.vue'
 import CuteButton from '@/views/components/dev/CuteButton.vue'
 import CuteTransfer from '@/views/components/dev/CuteTransfer.vue'
+import CuteTextAreaInput from '@/views/components/dev/CuteTextAreaInput.vue'
 
 export default {
   name: 'CuteOtherDemo',
   components: {
+    CuteTextAreaInput,
     CuteTransfer,
     CuteButton,
     CuteSectionTitle,