0.0.1 • Published 6 years ago

@hiwx/input v0.0.1

Weekly downloads
1
License
MIT
Repository
github
Last release
6 years ago

module: '基础'

title: '文本框'

文本框组件

使用效果

安装方法

1、设置npm的源地址

sudo npm config set registry http://registry.npm.yangtuojia.com

2、安装

npm install @yt/wx-input --save

3、微信开发者工具---》工具---构建npm

使用方法

   <view class="mb-24">
      <view>
          <comp placeholder="请输入姓名" bindinputevent="iptVal"></comp>
          <comp placeholder="请输入密码"></comp>
      </view>
  
      <view class="mb-24">
          <comp label="姓名"></comp>
          <comp label="密码"></comp>
      </view>
  
      <view class="p-24">
          <comp placeholder="请输入姓名" bindinputevent="iptVal" wrapCls="card mb-24" name="pName"></comp>
          <comp placeholder="请输入密码" wrapCls="card mb-24"></comp>
      </view>
  
      <view class="p-24">
              <comp label="法人身份证号码" wrapCls="card mb-24" require="{{true}}" name="phone"></comp>
              <comp label="密码" wrapCls="card"></comp>
          </view>
   </view>

index.js
Page({
    iptVal(e) {
        console.log(e);
    }
})

api说明

属性名类型默认值是否必须说明
wrapClsString''最外层容器样式
requireBooleanfalse是否必填,控制是否显示*
placeholderString''placeholder 内容
labelString左侧标题
valueString文本框value
typeString'text'input 的类型 text 文本输 入键盘 number 数字输入键盘 idcard 身份证输入键盘 digit 带小数点的数字键盘 textarea 多行输入框
maxlengthNumber140最长字符
disabledBooleanfalse 可否输入
placeholder-classString''placeholder样式
classString''文本框样式
bindinputeventFunction''键盘输入时触发
bindinputfocusFunction''输入框聚焦时触发
bindinputblurFunction''输入框失去焦点时触发
bindinputconfirmFunction''点击完成按钮时触发