浏览代码

feat(form): add textarea demo

richard1015 4 年之前
父节点
当前提交
0375c48b1c

+ 3 - 0
src/packages/__VUE/form/demo.vue

@@ -14,6 +14,9 @@
       <nut-form-item label="地址">
         <input class="nut-input-text" placeholder="请输入地址" type="text" />
       </nut-form-item>
+      <nut-form-item label="备注">
+        <nut-textarea placeholder="请输入备注" type="text" />
+      </nut-form-item>
     </nut-form>
     <h2>表单校验</h2>
     <nut-form :model-value="formData" ref="ruleForm">

+ 3 - 0
src/packages/__VUE/form/doc.md

@@ -38,6 +38,9 @@ app.use(CellGroup);
     <nut-form-item label="地址">
         <input class="nut-input-text" placeholder="请输入地址" type="text" />
     </nut-form-item>
+    <nut-form-item label="备注">
+        <nut-textarea  placeholder="请输入备注" type="text" />
+    </nut-form-item>
 </nut-form>
 ```
 

+ 3 - 0
src/packages/__VUE/formitem/index.scss

@@ -51,6 +51,9 @@
       .nut-range-container {
         min-height: 24px;
       }
+      .nut-textarea {
+        padding: 0 !important;
+      }
     }
     &__tips {
       font-size: 10px;

+ 1 - 0
src/packages/__VUE/textarea/index.scss

@@ -30,6 +30,7 @@
     min-width: 0;
     margin: 0;
     padding: 0;
+    font-size: $textarea-font;
     color: $textarea-text-color;
     text-align: left;
     background-color: transparent;

+ 3 - 0
src/sites/mobile-taro/vue/src/dentry/pages/form/index.vue

@@ -14,6 +14,9 @@
       <nut-form-item label="地址">
         <input class="nut-input-text" placeholder="请输入地址" type="text" />
       </nut-form-item>
+      <nut-form-item label="备注">
+        <nut-textarea placeholder="请输入备注" type="text" />
+      </nut-form-item>
     </nut-form>
     <h2>表单校验</h2>
     <nut-form :model-value="formData" ref="ruleForm">