WeUI
WeUI icon 是 WeUI 的 配套图标库,目前分为filled (填充)和outlined (描边)两种样式,具体可见下述预览图。 预览图 使用 主要是通过class来控制。class 规则是weui-icon-[style]-[name],比如需要展示预览图中,filled样式的add-friends,则 class 为weui-icon-filled-add-friends。
wap上要触发按钮的active态,必须触发ontouchstart事件,可以在body上加上ontouchstart=""全局触发。 按钮常见的操作场景:确定、取消、警示,分别对应class:weui_btn_primary、weui_btn_default、weui_btn_warn,每种场景都有自己的置灰态weui_btn_disabled,除此外还有一种镂空按钮weui_btn_plain_xxx,客户端webview里的...
微信小程序引入weui组件库 报 ["usingComponents"]["mp-icon"]: "weui-miniprogram/icon/icon" 未找到 错误 解决方式如下 1.找到你所在的项目,使用命令行 (1) npm init y (2) npm install weui-minipro... 查看原文 使用npm 引入WeUi组件 ; 4、输入 `npm init` 命令(相当于在这个目录初始化本地的代...
普通警告 用于表示操作后会引起一定后果的情况。 注意,普通警告仅有较大尺寸,并且需要将 weui-icon_msg 更换为 weui-icon_msg-primary。 强烈警告 用于表示操作后会引起严重后果的情况。 等待 用于表示等待。 圆圈 仅一个灰色的圆圈而已。 下载 用于表示下载。
WeUI教程/第三方扩展及其他UI框架对比,WeUI是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信内网页和微信小程序量身设计,令用户的使用感知更加统一。包含button、cell、dialog、progress、toast、article、actionsheet、icon等各式元素。WeUI为微信We
包含button、cell、dialog、toast、article、icon等各式元素。 使用方法一: 使用bower进行安装 bower install --save weui 方法二: 使用npm进行安装 npm install --save weui WeUI微信UI库 v2.4.4 Features 升级半屏弹窗组件UI 升级msg组件UI Bugfixes 修复半屏弹窗单个按钮的布局问题 修复actionsheet组件取消按钮字体...
在每个input.weui_check的后面放置了一个用于显示对勾的span.input.weui_check和.weui_icon_checked是兄弟关系. .weui_cells_radio.weui_check:checked+.weui_icon_checked:before{display:block;content:'\EA08';color:#09BB07;font-size:16px;} Checkbox (复选列表项) 复选框如上面的单选...
--提交按钮--><viewclass="submit_btn_wrap">确定取消</view></mp-form></view> data:{form:{userName:'',telNumber:'',addrDetail:'',region:['请选择省市区/县','',''],// 省市区数据 第一个可以当placeholder},errorMsg:'',// 验证表单显示错误信息customItem:'',// 自定义picker显示的内容...
.weui-msg__icon-area { margin-bottom: 30px; } .weui-msg__text-area { margin-bottom: 25px; padding: 0 20px; } .weui-msg__title { margin-bottom: 5px; font-weight: 400; font-size: 20px; } .weui-msg__desc { font-size: 14px; color: #999999; } .we...