avm-to-fixed-num

简介

该组件能自定义限制用户输入小数位位数,并自定义输入框样式

引入

    import avmToFixedNum from '../../components/avmToFixedNum/avm-to-fixed-num.stml'

使用

<avm-to-fixed-num show_p_num="2" :hide-border="false" width="200" height="30" input_placeholder="限制输入小数位" color="#ff5301    " size="15" border-line="0.5" border-color="#000" confirm-type='done' keyboard-type='default' maxlength='5' />

属性

属性 类型 说明 是否必填 默认值
show_p_num Num 限制小数位位数(只支持 0,1,2) 0
:hide-border boolean 是否隐藏输入框边框 true
width Num 边框宽度
height Num 边框高度
input_placeholder String input 中的 placeholder 属性
color String 输入框文字颜色 #000
size Num 边框文字大小
border-line Num 边框大小(前提是 hide-border为false) 0.5px
border-color String 边框颜色(前提是 hide-border为false) #000
confirm-type String 设置键盘右下角按钮的文字 done
keyboard-type String 设置键盘类型 default
maxlength Num 最大输入长度

keyboard-type 属性

属性 说明
default 默认键盘
number 数字键盘
decimal 带小数点的数字键盘
tel 电话号码键盘
email 邮箱输入键盘
url 链接地址输入键盘

confirm-type 属性

属性 说明
send 右下角按钮为“发送”
search 右下角按钮为“搜索”
next 右下角按钮为“下一个”
go 右下角按钮为“前往”
done 右下角按钮为“完成”

event 事件

事件 说明 回调
oninput_value 返回输入框中输入的内容 e.detail.value

特别说明