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

相册 相册 Gallery 用于上传图片的预览或展示、幻灯片播放等。 JS 相关部分可使用 weui.js（点击查看相关文档） 实现，主要配合图片上传使用。 注意，weui-gallery 的 display 属性默认为 none <!-- Gallery --> <div class = "weui-gallery" ...

引入前端类库 用法示例 DEMO 引入前端类库 在插件开发过程中，我们经常会遇到要引入一些前端类库的情况，比如引入weui 、jquery 、vue 之类的开源库。豆信提供了import_css 和import_js 两个钩子用于前端类库的引入，使用的是http://www.bootcdn.cn/ 的CDN服务。 用法示例 {: hook...

Progress percent Progress 进度条 Progress ，进度条，用于上传、下载等耗时并且需要显示进度的场景，用户可以随时中断该操作。在mpvue 框架中实现这个功能是基于小程序的原生progress 组件，这里主要说一下它percent 属性： percent 类型：Float 默认值：无 可选值：0-100 说...

FormPage 代码引入 示例代码 效果展示 属性列表 Slot FormPage 表单页面，规定了标准表单的顶部的标题和底部的按钮提示等区域的规范 代码引入 在 page.json 中引入组件 { "usingComponents" : { "mp-form-page" : "weui-minip...

Rate Rate 星级评分 Rate 组件使用 html5 中 data- 属性实现，当点击评分区域时，获取 data 属性的值，然后通过 vue 中 :class 控制评分星星的状态，即是否为 active 。 <template> <div class = "page__bd" > <div ...

Prompt 提示信息 使用指南 在 page.json 中引入组件 示例 视频演示 API Prompt props Prompt 提示信息 用于展现异常流提示信息。 使用指南 在 page.json 中引入组件 { "navigationBarTitleText" : "Prompt" , "...

Panelweui-panel 由head（可选）、body、foot（可选）三部分组成，主要承载了图文组合列表weui-media-box_appmsg 、文字组合列表weui-media-box_text 以及小图文组合列表weui-media-box_small-appmsg 。 body部分根据不同业务可自定义不同的内容。foot部分默认支持“查...

如何使用 引入 WeUI.css 文件 使用 如何使用 引入 WeUI.css 文件 利用 vue init mpvue/mpvue-quickstart my-project 初始化一个 mpvue 项目，然后在 /src/main.js 中引入 weui.css 由于是在小程序中使用，于是就直接使用了 weiui-wxss 中...

Cell Cell Cell ，列表视图，用于将信息以列表的结构显示在页面上，是wap上最常用的内容结构。Cell 由多个section组成，每个section包括section headerweui-cells__title 以及cellsweui-cells 。 cell 由thumbnailweui-cellhd 、bodyweui-cel...