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

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

列表 列表 每一组列表顶部和底部都可以添加一些说明文字，样式类分别是 weui-cells__title 和 weui-cells__tips 。 每一组列表的样式类为 weui-cells ；列表的每一条目样式类为 weui-cell ；每一组列表内可包含多个条目。下面的示例代码中仅有一个条目，顶部和底部的说明文字在 weui-cells 外...

tabbar，底部导航，通常用作 Web 应用的主界面底部导航，类似于微信主界面的底部“微信”、“通讯录”、“发现”和“我”的导航区。每个功能包含一个图标和该功能简洁的文字描述。 .weui-tabbar 通常作为 .weui-tab 子元素、.weui-tab__panel 的兄弟元素一起使用。结构为： < div class = ...

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

Uploader Uploader Uploader 上传组件。 < div class = " weui-uploader " > < div class = " weui-uploader__hd " > < p class = " weui-uploader__title ...

ActionSheet ActionSheet ActionSheet 用于显示包含一系列可交互的动作集合，包括说明、跳转等。由底部弹出，一般用于响应用户对页面的点击。 < div id = " actionSheet_wrap " > < div class = " weui-mask_transparen...

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

Progress，进度条，用于上传、下载等耗时并且需要显示进度的场景，用户可以随时中断该操作。 完整的进度条结构如下： < div class = " weui-progress " > < div class = " weui-progress__bar " > < div class...

页脚 样式一 样式二 样式三 页脚 页脚主要用于在页面底部显示相关版权信息和相关链接等。 WeUI 提供的页脚主要有三种样式。 样式一 只有一行文字，无链接。 <div class = "weui-footer" > <p class = "weui-footer__text" > Copyright © 201...