mpvue-weui 前言 mpvue-weui 是什么 该文档的目的 开发预览 效果 mpvue-weui 用 vue 写小程序，使用 mpvue 框架重写 WeUI。 基于小程序原生组件，开发高效快捷。 前言 今天早上打开电脑，像往常一样浏览一下 github ，看到了一个很不错的框架，没错，就是 mpvue 。它是基于...

针对移动端的前端工作流(7)—WeUI样式的loading和dialog组件 有这个需求 dialog组件 loading组件 util.js 针对移动端的前端工作流(7)—WeUI样式的loading和dialog组件 有这个需求 因为移动端项目多用于微信端，所以我们用微信官方团队提供的WeUI 样式简单封装了两个常用的插件,一个是lo...

Input ，用于表单，可以分成“输入型”和“选择型”两种。输入型包括单行文本（文本、数值、电话、密码等）、多行文本；选择型包括下拉选择、单选、多选、开关、日期时间等。在 WeUI 中，表单通常与 Cell 组件配合使用。 示例代码如下： < div class = " weui-cells__title " > 单选列表项 </ div...

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" ...