Preview Preview Preview 用于实现表单预览 < div class = " weui-form-preview " > < div class = " weui-form-preview__hd " > < label class = " weui-form...

九宫格 九宫格 九宫格是移动端常见的一种布局，常见的有微信钱包。 九宫格布局最外层是一个样式类为 weui-grids ，然后每一个宫格均为 weui-grid 。当然，九宫格不一定非要是九个，多少个都行，建议至少三个。 <!-- 九宫格 --> <div class = "weui-grids" > <!-- 第一个宫格 ...

Article Article 文章 这一节没有涉及到 api 这些，只是一些简单的样式，目的在于你可以快速的给一篇文章的不同部位加上样式。 <div class = "weui-article" > <div class = "weui-article__h1" > 大标题 </div> <div class =...

Msg Page Msg Page 结果页通常来说可以认为进行一系列操作步骤后，作为流程结束的总结性页面。结果页的作用主要是告知用户操作处理结果以及必要的相关细节（可用于确认之前的操作是否有误）等信息；若该流程用于开启或关闭某些重要功能，可在结果页增加与该功能相关的描述性内容；除此之外，结果页也可以承载一些附加价值操作，例如提供抽奖、关注公众号等功能...

Alert Confirm Dialog，也叫 “modal”，表现为带遮罩的弹框。可以分为 Alert 和 Confirm 两种。 Alert alert，警告弹框，功能类似于浏览器自带的 alert 弹框，用于提醒、警告用户简单扼要的信息，只有一个“确认”按钮，点击“确认”按钮后关闭弹框。 示例代码如下： < div style ...

快速上手 获取 WeUI 方式一（推荐） 方式二（bower） 方式三（npm） 方式四 方式五 使用 快速上手 获取 WeUI WeUI 是一套与微信原生 UI 一致的 UI 库，核心文件是 weui.css ，只需要获取到该文件，然后在页面中引入，即可使用 WeUI 的组件。有以下几种获取方式： 方式一（推荐） 微信官方、...

Gallery Gallery Gallery 用于实现上传图片的展示或幻灯片播放 < div class = " weui-gallery " > < span class = " weui-gallery__img " style = " background - image : url ...

grid 九宫格，功能类似于微信钱包界面中的九宫格，用于展示有多个相同级别的入口。包含功能的图标和简洁的文字描述。 < div class = " weui-grids " > < a href = " javascript:; " class = " weui-grid " > ...

Input radio-group bindchange radio 在mpvue 框架中使用 踩坑 checkbox-group bindchange checkbox 踩坑 switch bindchange 踩坑 Input 输入框 radio-group 单项选择器，内部由多个<radio/> 组成。 bi...

Input radio-group bindchange radio 在mpvue 框架中使用 踩坑 checkbox-group bindchange checkbox 踩坑 switch bindchange 踩坑 Input 输入框 radio-group 单项选择器，内部由多个<radio/> 组成。 bi...