Input,用于表单,可以分成“输入型”和“选择型”两种。输入型包括单行文本(文本、数值、电话、密码等)、多行文本;选择型包括下拉选择、单选、多选、开关、日期时间等。在 WeUI 中,表单通常与 Cell 组件配合使用。 (1)单选列表框 具体代码如下: <div class="weui-cells_title"> 单选列表项 </div> <di
<divclass="weui-cell__bd"> <inputclass="weui-input"type="number"pattern="[0-9]*"placeholder="请输入qq号"/> </div> </div> <divclass="weui-cell weui-cell_vcode"> <divclass="weui-cell__hd"> <labelclass="weui-label">手机号</label> </div> <divclass="weui-cell__bd"> <input...
Button(按钮):提供了不同样式的按钮,如主要按钮、默认按钮、警告按钮等。 Dialog(对话框):用于显示弹出窗口,可以包含标题、内容和按钮等。 Toast(提示框):用于显示短暂的提示信息,可以设置显示时间和提示内容。 ActionSheet(操作菜单):用于显示一组操作菜单,可以包含文字和图标。 Input(输入框):提供了不同类型的输入...
使用WeUI+JS 的label包含input触发两次的问题 在给原生JS中的包含input标签的Label标签绑定点击的事件会触发两次。 因为使用WeUI样式库,所以不能抛弃label标签,使用event.stopPropagation()似乎没有效果,使用return false 亦没有效果。 1.扩展绑定事件 jQuery.WY ={ bindMobileClick:function(selector, fn) {vartouch ...
2、Input(表单输入) 表单是收集用户信息的方式。 表单一般有三种状态,默认态即用户输入信息之前的状态,该状态告知用户需要填写什么类型的信息;焦点态即用户正在输入信息时的状态,该状态使用户聚焦输入信息时,能够更好与表单交互并完成信息填写;反馈态即用户填写信息后的校验状态,该状态能够对输入信息进行实时判断。
<input id="js_input" class="weui-input" autofocus type="text" pattern="[0-9]*" placeholder="请输入16位数卡号" maxlength="16" /> <button id="js_input_clear" class="weui-btn_reset weui-btn_icon weui-btn_input-clear"> <i class="weui-icon-clear"></i> </button> </div> </div...
<input class="weui-input" type="text" placeholder="Enter your name" v-model="name"> </div> </div> </div> </div> </div> <div class="weui-form__opr-area"> <button class="weui-btn weui-btn_primary" @click="submitForm">Submit</button> ...
它最初是为了给在微信端页面提供一致的视觉体验而开发开源的一个样式库,后续随着小程序、企业微信等等的开放能力出现,WeUI也提供了小程序、企业微信等等的版本。我们将要介绍的,就是WeUI的小程序版本。 WeUI提供非常多的基础组件。列举如下: 表单组件 Button 按钮 Input 输入框 List 列表 Slider 滑块 Uploader 上传...
weui-input 输入框样式 weui-cell_vcode .weui-cell_vcode { padding-top: 0; padding-right: 0; padding-bottom: 0; weui-cell__warn 整个表单报错 weui-icon-warn 报错图标 weui-cells__title 小标题/占一行 weui-switch 切换状态 weui-textarea 输入多行文本框 weui-textarea__counter 文本框字符限制提...