Footer Footer Footer 用于实现页脚，Copyright < div class = " weui-footer " > < p class = " weui-footer__text " > Copyright & copy ; 2008-2016 weui.io </ p > ...

Preview Preview 预览 preview 用于实现表单预览，类似于微信支付账单之类的。表单预览分为 head（weui-form-preview__hd ），body（weui-form-preview__bd ）和 foot（weui-form-preview__ft ）这三大部分，因此实现这一功能加上weui.css 的一些类即可...

Preview Preview 预览 preview 用于实现表单预览，类似于微信支付账单之类的。表单预览分为 head（weui-form-preview__hd ），body（weui-form-preview__bd ）和 foot（weui-form-preview__ft ）这三大部分，因此实现这一功能加上weui.css 的一些类即可...

CountDown 倒计时 使用指南 示例 视频演示 API CountDown 倒计时 用于展现倒计时。 使用指南 示例 <view class = "page" > <view class = "page__hd" > <view class = "page__title" > C...

Preview Preview 预览 preview 用于实现表单预览，类似于微信支付账单之类的。表单预览分为 head（weui-form-preview__hd ），body（weui-form-preview__bd ）和 foot（weui-form-preview__ft ）这三大部分，因此实现这一功能加上weui.css 的一些类即可...

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

Search Search 搜索栏 search 这部分是利用小程序input 组件实现，在下面的示例中主要使用了focus 和bindinput 两个属性，由于mpvue 从底层支持 Vue.js 语法和构建工具体系，因此可以用vue 的v-model 进行双向数据绑定，示例如下： <template> <div class = ...

Navbar，顶部 tab，当需要在页面顶部展示 tab 导航时使用，用法与 Tabbar 类似。 .weui-navbar 通常作为 .weui-tab 子元素、.weui-tab__panel 的兄弟元素一起使用。结构为： < div class = " weui-tab " > < div class ...

相册 相册 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...