更新记录

1.0.0(2021-07-04)

1.分为input、textarea、select三种模式; 2.具有password查看隐藏、输入长度计算功能; 3.组件内置说明文档;


平台兼容性

uni-app

app-vue app-nvue app-android app-ios
? ? ? ?
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari
? ? ? ? ? ? ? ? ?
微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序 钉钉小程序 快手小程序 飞书小程序 京东小程序
? ? ? ? ? ? ? ? ?
快应用-华为 快应用-联盟
? ?

uni-app x

app-android app-ios
? ?
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari
? ? ? ? ? ? ? ? ?
属性 类型 说明
value String 输入框内容
placeholder String 提示内容
mode String 默认为text,可选 text、textarea、select
type String 默认为text,可选text、number、idcard、digit,切勿输入password
password Boolean 输入框内容类型为密码,带有查看和隐藏功能,默认为false
disabled Boolean 禁用状态,默认为false
maxlength String 最大输入长度,默认为140
length Boolean 是否显示计算长度功能,默认为false
bgcolor String 输入框背景色,默认为#fff
color String 输入内容文字颜色,默认为#333
placeholderStyle String 提示文字样式,默认为font-size:26rpx;color:#bbb;
        <input-box v-model="outVal"></input-box>
        <input-box v-model="outVal" :password="true"></input-box>   
        <input-box v-model="outVal" :password="true"></input-box>
        <input-box v-model="outVal" :length="true" maxlength="30"></input-box>  
        <input-box mode="textarea" v-model="outVal"></input-box>
        <input-box mode="select" v-model="outVal"></input-box>

本来想着在密码上做三种状态,隐藏(未输入,输入)、显示,奈何没在iconfont上找到同一作者做的三种状态,又不想使用uview的字体图标,产生依赖性,想用的话,大家可以改一下代码;

注:切勿type=password这样使用,否则密码查看隐藏功能会出问题;

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问