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

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

Loadmore Loadmore 加载更多 Loadmore 用于实现加载更多的效果，使用比较简单，加上相关的 class 就可以实现这种效果，示例代码如下： <template> <div class = "page" > <div class = "weui-loadmore" > <div...

Loadmore Loadmore 加载更多 Loadmore 用于实现加载更多的效果，使用比较简单，加上相关的 class 就可以实现这种效果，示例代码如下： <template> <div class = "page" > <div class = "weui-loadmore" > <div...

Loadmore Loadmore Loadmore 用于实现加载更多的效果。 < div class = " weui-loadmore " > < i class = " weui-loading " ></ i > < span class = " weui-loadmore__...

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

Navbar Navbar 顶部导航 顶部 tab ，当需要在页面顶部展示 tab 导航时使用，实现这个效果主要有两个地方要注意一下： 顶部点击后有颜色的改变以及有过度效果 顶部点击后下面对应部分也要发生改变 先看在mpvue 中实现的示例代码： <template> <div class = "page" > ...

Navbar Navbar 顶部导航 顶部 tab ，当需要在页面顶部展示 tab 导航时使用，实现这个效果主要有两个地方要注意一下： 顶部点击后有颜色的改变以及有过度效果 顶部点击后下面对应部分也要发生改变 先看在mpvue 中实现的示例代码： <template> <div class = "page" > ...

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