相册 相册 Gallery 用于上传图片的预览或展示、幻灯片播放等。 JS 相关部分可使用 weui.js（点击查看相关文档） 实现，主要配合图片上传使用。 注意，weui-gallery 的 display 属性默认为 none <!-- Gallery --> <div class = "weui-gallery" ...

Flex 示例代码 Flex flex 布局 WeUI 提供了快速的 flex 布局 示例代码 <template> <div class = "page" > <div class = "page__bd page__bd_spacing" > <div class = "weui-f...

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

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 的组件。有以下几种获取方式： 方式一（推荐） 微信官方、...

第三方扩展 第三方扩展 airyland/vux cipchk/ngx-weui pengtikui/weui-extension kevyu/weui-sass Eric-Guo/weui-rails (Using kevyu/weui-sass) n7best/react-weui aidenzou/vue-weui adcentu...

searchBar 搜索栏，类似于微信原生的搜索栏，应用于常见的搜索场景。 详细的代码结构如下： < div class = " weui-search-bar " id = " search_bar " > < form class = " weui-search-bar__form " ...

List 普通列表项 带跳转功能的列表项 List 列表 在 WeUI 用 Cell 来显示列表视图，用于将信息以列表的结构显示在页面上。Cell由多个section组成，每个 section 包括 section header weui-cells__title 以及 cells weui-cells 。 cell 由 thumbnai...