Gallery 画廊 使用指南 在 page.json 中引入组件 示例 视频演示 API Gallery.method Gallery 画廊 用于预览图片或其他操作。 使用指南 在 page.json 中引入组件 { "navigationBarTitleText" : "Gallery" , ...

图标 成功 提示 普通警告 强烈警告 等待 圆圈 下载 取消 搜索 图标 WeUI 提供了几种常用的图标。 图标使用空的 i 标签加上相应的样式类即可，所有图标的默认大小为 23px，在 i 标签上追加 weui-icon_msg 类，大小变为 93px。 较大尺寸的图标可用于操作提示页面，图标居中显示。 成功 用于...

加载更多 样式一 样式二 样式三 加载更多 加载更多用于加载内容时或加载完成后的提示，WeUI 提供了三种样式。 样式一 <!-- 正在加载 --> <div class = "weui-loadmore" > <i class = "weui-loading" ></i> <span clas...

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

第三方扩展 第三方扩展 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...

FabButton 浮动按钮 使用指南 在 page.json 中引入组件 示例 视频演示 API FabButton props FabButton slot FabButton externalClasses FabButton 浮动按钮 用于展现浮动按钮，预设 9 种颜色 light , stable , positive , ...

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 的一些类即可...

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

AnimationGroup 动画组 使用指南 在 page.json 中引入组件 示例 视频演示 API AnimationGroup props AnimationGroup slot AnimationGroup externalClasses AnimationGroup 动画组 将自定义的组件包裹在 animation-gr...