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

特别说明

是否仍需要帮助？ 请保持联络！
最后更新于 2024/04/24