Mpvue-WeUI 相关说明 开发预览 贡献 Mpvue-WeUI Mpvue-WeUI 是基于 mpvue 框架，同微信原生视觉体验一致的基础样式库，为微信小程序量身设计，令用户的使用感知更加统一。 相关说明 之前写了 用 vue 写小程序，基于 mpvue 框架重写 weui ,这个是在 mpvue 开源之初写的...

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

Grid Grid grid 九宫格，功能类似于微信钱包界面中的九宫格，用于展示有多个相同级别的入口。包含功能的图标和简洁的文字描述。实现这个布局主要就是用了 weui 中的 .weui-grid ,这种布局在 mpvue 中也是完全支持的，示例代码如下： <template> <div class = "page" > ...

Grid Grid grid 九宫格，功能类似于微信钱包界面中的九宫格，用于展示有多个相同级别的入口。包含功能的图标和简洁的文字描述。实现这个布局主要就是用了 weui 中的 .weui-grid ,这种布局在 mpvue 中也是完全支持的，示例代码如下： <template> <div class = "page" > ...

Grid Grid grid 九宫格，功能类似于微信钱包界面中的九宫格，用于展示有多个相同级别的入口。包含功能的图标和简洁的文字描述。实现这个布局主要就是用了 weui 中的 .weui-grid ,这种布局在 mpvue 中也是完全支持的，示例代码如下： <template> <div class = "page" > ...

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

badge，徽章 带文字的badge < span class = " weui-badge " > New </ span > 小红点 < span class = " weui-badge weui-badge_dot " ></ span > 更多用法请看：https://weui.io/#b...

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

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