13.js 5.1 KB

12
  1. /*! NutUI v1.2.2 Tue May 15 2018 17:51:06 GMT+0800 (中国标准时间) */
  2. webpackJsonpnutui([13],{1e3:function(t,e,o){e=t.exports=o(2)(),e.push([t.i,".txt-area[data-v-4969574a]{padding:.1rem .2rem 1.5rem}",""])},1099:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("div",[o("nut-docheader",{attrs:{name:t.$route.name,chName:t.$route.params.chnName,type:"Component",desc:"多行文本输入框,支持字数提示、字数限制等功能。",showQrCode:!0}}),t._v(" "),o("h5",[t._v("示例")]),t._v(" "),o("h6",[t._v("默认用法")]),t._v(" "),o("nut-codebox",{attrs:{code:"<nut-textbox></nut-textbox>",imgUrl:"../asset/img/demo/textbox1.png"}}),t._v(" "),o("h6",[t._v("自定义高度:5rem")]),t._v(" "),o("nut-codebox",{attrs:{code:"<nut-textbox :txtAreaH='5' :maxNum='300'></nut-textbox>",imgUrl:"../asset/img/demo/textbox2.png"}}),t._v(" "),o("h6",[t._v("自定义提示语")]),t._v(" "),o("nut-codebox",{attrs:{code:"<nut-textbox placeText='请填写详细情况'></nut-textbox>",imgUrl:"../asset/img/demo/textbox3.png"}}),t._v(" "),o("h6",[t._v("自定义字数限制")]),t._v(" "),o("nut-codebox",{attrs:{code:"<nut-textbox :maxNum='100'></nut-textbox>"}}),t._v(" "),o("h6",[t._v("限制字数不可超出")]),t._v(" "),o("nut-codebox",{attrs:{code:"<nut-textbox :switchMax='true' \n :maxNum='10' \n :txtAreaH='2' \n textBgColor='#efefef'>\n </nut-textbox>",imgUrl:"../asset/img/demo/textbox4.png"}}),t._v(" "),o("h6",[t._v("字数超出报错")]),t._v(" "),o("nut-codebox",{attrs:{code:t.demo6,imgUrl:"../asset/img/demo/textbox5.png"}}),t._v(" "),o("nut-codebox",{attrs:{code:t.demo66}}),t._v(" "),o("h6",[t._v("自定义文本框背景色")]),t._v(" "),o("nut-codebox",{attrs:{code:t.demo7,imgUrl:"../asset/img/demo/textbox6.png"}}),t._v(" "),o("h6",[t._v("不显示字数限制")]),t._v(" "),o("nut-codebox",{attrs:{code:t.demo8,imgUrl:"../asset/img/demo/textbox7.png"}}),t._v(" "),o("h5",[t._v("Props")]),t._v(" "),t._m(0),t._v(" "),o("h5",[t._v("Events")]),t._v(" "),t._m(1)],1)},staticRenderFns:[function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("div",{staticClass:"tbl-wrapper"},[o("table",{staticClass:"u-full-width"},[o("thead",[o("tr",[o("th",[t._v("参数")]),t._v(" "),o("th",[t._v("说明")]),t._v(" "),o("th",[t._v("类型")]),t._v(" "),o("th",[t._v("默认值")]),t._v(" "),o("th",[t._v("可选值")])])]),t._v(" "),o("tbody",[o("tr",[o("td",[t._v("txtAreaH")]),t._v(" "),o("td",[t._v("文本框高度")]),t._v(" "),o("td",[t._v("Number")]),t._v(" "),o("td",[t._v("1rem")]),t._v(" "),o("td")]),t._v(" "),o("tr",[o("td",[t._v("placeText")]),t._v(" "),o("td",[t._v("自定义placeholder文案提示")]),t._v(" "),o("td",[t._v("String")]),t._v(" "),o("td",[t._v("请您在此输入")]),t._v(" "),o("td",[t._v("--")])]),t._v(" "),o("tr",[o("td",[t._v("maxNum")]),t._v(" "),o("td",[t._v("最大字数")]),t._v(" "),o("td",[t._v("Number")]),t._v(" "),o("td",[t._v("50")]),t._v(" "),o("td",[t._v("--")])]),t._v(" "),o("tr",[o("td",[t._v("switchMax")]),t._v(" "),o("td",[t._v("控制字数超出是否不可输入,注意:最大字数限制,请设置maxNum")]),t._v(" "),o("td",[t._v("Boolean")]),t._v(" "),o("td",[t._v("false")]),t._v(" "),o("td",[t._v("--")])]),t._v(" "),o("tr",[o("td",[t._v("textBgColor")]),t._v(" "),o("td",[t._v("设置输入框背景色")]),t._v(" "),o("td",[t._v("String")]),t._v(" "),o("td",[t._v("#fff")]),t._v(" "),o("td",[t._v("--")])]),t._v(" "),o("tr",[o("td",[t._v("limitShow")]),t._v(" "),o("td",[t._v("不显示字数限制")]),t._v(" "),o("td",[t._v("Boolean")]),t._v(" "),o("td",[t._v("true")]),t._v(" "),o("td",[t._v("--")])])])])])},function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("div",{staticClass:"tbl-wrapper"},[o("table",{staticClass:"u-full-width"},[o("thead",[o("tr",[o("th",[t._v("事件名")]),t._v(" "),o("th",[t._v("说明")]),t._v(" "),o("th",[t._v("回调")])])]),t._v(" "),o("tbody",[o("tr",[o("td",[t._v("errorFunc")]),t._v(" "),o("td",[t._v("输入字数超过限定字数时触发事件")]),t._v(" "),o("td",[t._v("--")])])])])])}]}},1192:function(t,e,o){var n=o(1e3);"string"==typeof n&&(n=[[t.i,n,""]]),n.locals&&(t.exports=n.locals);o(3)("10ef6eba",n,!0,{})},868:function(t,e,o){function n(t){o(1192)}var v=o(1)(o(962),o(1099),n,"data-v-4969574a",null);t.exports=v.exports},962:function(t,e,o){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n=o(20);!function(t){t&&t.__esModule}(n);e.default={data:function(){return{demo1:"<nut-textbox></nut-textbox>",demo2:'<nut-textbox \n:txtAreaH="10"\n></nut-textbox>',demo3:'<nut-textbox \nplaceText="请填写详细情况"\n></nut-textbox>',demo4:'<nut-textbox \n:maxNum="100"\n></nut-textbox>',demo5:'<nut-textbox \n:switchMax="true" \n:maxNum="10" \n:txtAreaH="2"\n></nut-textbox>',demo6:'<nut-textbox \n:maxNum="10" \ntxtAreaH="2" \n@errorFunc="overLength" \n></nut-textbox>',demo66:'export default {\n methods:{\n overLength(){\n alert("字数超出");\n }\n }\n}',demo7:'<nut-textbox \n:switchMax="true" \n:maxNum="10" \n:txtAreaH="2" \ntextBgColor="#feefef">\n</nut-textbox>',demo8:'<nut-textbox \n:limitShow="false">\n</nut-textbox>'}},methods:{overLength:function(){alert("字数超出")}}}}});