Panel Panel 面板 Panel（weui-panel ）由head（可选）、body、foot（可选）三部分组成，主要承载了图文组合列表weui-media-box_appmsg 、文字组合列表weui-media-box_text 以及小图文组合列表weui-media-box_small-appmsg 。body部分根据不同业务可自定...

表单 单选 / radio 多选 / checkbox 输入框 / input 带按钮的输入框 / input 带图片的输入框 / input 带选择的输入框 / input & select 警告样式的输入框 / input 文本框 / textarea 开关 / radio 选择 / select 底部文字和勾选框 / checkb...

Button Button 按钮可以使用a 或者button 标签。wap上要触发按钮的active态，必须触发ontouchstart事件，可以在body 上加上ontouchstart="" 全局触发。 按钮常见的操作场景：确定、取消、警示，分别对应class：weui-btn_primary 、weui-btn_default 、weui-b...

其他组件 示例代码 其他组件 出于性能考虑，weui-miniprogram 并没有对所有 WeUI 组件进行封装（如：flex布局组件），可以直接使用 WeUI 中定义的组件结构（参考 Demo ）。 示例代码 在引入 weui.wxss 后，可以直接使用 weui-wxss 中定义的 class 自定义样式，以 flex 组件为例： ...

Badge 带文字的badge 小红点 示例代码 Badge 徽章 带文字的badge <span class = "weui-badge" > New </span> 小红点 <span class = "weui-badge weui-badge_dot" ></span> 示例代码 <template...

关于命名 button cell 之前必须显示定义weui_cell_primary来规定撑满的是hd,bd还是ft。现在默认是bd来撑满，weui-cell_primary变成实现顶部对齐的扩展类。 带验证码的输入框，img必须定义weui-vcode-img的类名 带箭头的列表，由之前的weui_cells_access改为单独控制的weui-c...

表单预览 表单预览 表单预览可用于显示账单等。 foot 部分的操作按钮可以为一个，也可以为多个，样式有 weui-form-preview__btn_default 和 weui-form-preview__btn_primary 两种。 <!-- 表单预览 --> <div class = "weui-form-preview" ...

Footer Footer Footer 用于实现页脚，Copyright。 由于没有涉到 api 这些，因此就直接上示例代码了。 <div class = "page" > <div class = "weui-footer" > <div class = "weui-footer__text" >...

上传组件 上传组件 上传组件主要用于图片上传，一般需要配合相册组件 使用，WeUI 中仅包含样式，上传所需的逻辑操作需自行实现或配合 weui.js（点击查看相关文档） 实现。 <div class = "weui-uploader" > <div class = "weui-uploader__hd" > ...

项目建构 开始 懒人专用 编写配置 更新依赖 入口和(Entry) 构建目标(Targets) 模块(Module) 更新 /\.vue$/ rule 的 loader 更新 /\.js$/ rule 的 loader 解析(Resolve) resolve.alias postcss 插件 postcss-mpvue-wxss p...