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

Vcode 验证码 使用指南 在 page.json 中引入组件 示例 视频演示 API Vcode props Vcode 验证码 用于展现验证码。 使用指南 在 page.json 中引入组件 { "navigationBarTitleText" : "Vcode" , "usingCompo...

KFlex 使用指南 示例 Flex KFlex Flexbox 布局标签 使用指南 import { KFlex , KFlexItem } from 'kbone-ui' 示例 <KFlex> <KFlexItem><KView class = "placeholder" > ...

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

使用手册 五分钟教程 框架原理 Vue 实例 实例生命周期 生命周期图示 模板语法 不支持 纯-HTML 不支持部分复杂的 JavaScript 渲染表达式 不支持过滤器 计算属性 不支持函数 Class 与 Style 绑定 用在组件上 条件渲染 列表渲染 事件处理器 表单控件绑定 组件 Vue 组件 小程序组件 ...

进度条 进度条 进度条用于上传、下载等需要显示进度的场景，用户可随时中断此操作。 <!-- 进度条 --> <div class = "weui-progress" > <div class = "weui-progress__bar" > <div class = "weui-progress_...

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

Uploader 图片上传 图片预览 Uploader 图片上传 图片上传 图片上传的实现主要使用了微信原生API wx.chooseImage(OBJECT) <template> <div class = "page" > <div class = "weui-uploader__bd" > ...

Toast Loading Toast toast 用于临时显示某些信息，并且会在数秒后自动消失。这些信息通常是轻量级操作的成功信息。 提醒：WeUI 不推荐在 toast 中展示失败状态，失败状态应该使用 Alert 明确告知用户失败原因 < div id = " toast " style = " display...

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