ソースを参照

fix:textbox Demo样式修复

guoxiao158 5 年 前
コミット
1685aa1615
1 ファイル変更11 行追加14 行削除
  1. 11 14
      src/packages/textbox/demo.vue

+ 11 - 14
src/packages/textbox/demo.vue

@@ -1,34 +1,34 @@
 <template>
-    <div>
-        <h5>示例</h5>
-        <h6>默认用法</h6>
+    <div class="textbox-demo">
+        <!-- <h4>示例</h4> -->
+        <h4>默认用法</h4>
          <nut-textbox v-model="val"></nut-textbox>
-        <h6>自定义高度:100px</h6>
+        <h4>自定义高度:100px</h4>
         <nut-textbox :txtAreaH="100" :maxNum="300"></nut-textbox>
 
-        <h6>自定义提示语</h6>
+        <h4>自定义提示语</h4>
         <nut-textbox :placeText="'请填写详细情况请填写详细情况'"></nut-textbox>
         
 
-        <h6>自定义字数限制</h6>
+        <h4>自定义字数限制</h4>
         <nut-textbox :maxNum="100"></nut-textbox>
         
 
-        <h6>限制字数不可超出</h6>
+        <h4>限制字数不可超出</h4>
         <nut-textbox :switchMax="true" :maxNum="10" :txtAreaH="100" textBgColor="#efefef"></nut-textbox>
         
 
-        <h6>字数超出报错</h6>
+        <h4>字数超出报错</h4>
         <nut-textbox :maxNum="10" :txtAreaH="100"  @errorFunc="overLength" ></nut-textbox>
         
 
-        <h6>自定义文本框背景色</h6>
+        <h4>自定义文本框背景色</h4>
         <nut-textbox :switchMax="true" :maxNum="10" :txtAreaH="100" textBgColor="#feefef"></nut-textbox>
 
-        <h6>不显示字数限制</h6>
+        <h4>不显示字数限制</h4>
         <nut-textbox :limitShow="false" :maxNum="10" ></nut-textbox>
        
-        <h6>输入回调返回文字</h6>
+        <h4>输入回调返回文字</h4>
         <nut-textbox  :maxNum="10" txtAreaH="100" @inputFunc="inputText" ></nut-textbox>
     </div>
 </template>
@@ -50,6 +50,3 @@ export default {
     }
 }
 </script>
-
-<style lang="scss" scoped>
-</style>