Circle 圆形进度条 VIP专属

概述

Circle 圆形进度条,用于展现某个任务的当前进度。

# 支持平台

App-vue App-Nvue 微信小程序 支付宝小程序 钉钉小程序 百度小程序 字节小程序 QQ小程序 H5/PC

温馨提示

  • 使用前请先阅读uni-app官方 canvas组件 (opens new window) 注意事项。

  • Nvue下Canvas是作为独立的模块,云端打包时需要选择使用Canvas模块才能正常使用相关的功能。 需要在manifest.json的代码视图中配置如下(暂时还不支持可视化界面操作):

"app-plus" : {
/* 模块配置 */
"modules" : {
   "Canvas" : "nvue canvas" //使用Canvas模块
 }
}
1
2
3
4
5
6

# 引入

以下介绍两种常用的引入方式。
第一种:在页面中引用、注册
import fuiCircle from "@/components/firstui/fui-circle/fui-circle.vue"
export default {
	components:{
		fuiCircle
	}
}
1
2
3
4
5
6
第二种:easycom组件规范
传统vue组件,需要安装、引用、注册,三个步骤后才能使用组件。easycom将其精简为一步。

First UI easycom配置请查看 快速上手

如果不了解easycom,可先查看 官网文档 (opens new window)

# 代码演示

代码演示、属性列表等详细内容仅VIP用户可查看。
你真是个小机灵鬼~
VIP专属 该内容仅VIP用户可查看!
前往官网开通会员

示例预览

# 特别说明

该组件为付费组件,UNI-APP版VIP用户可免费使用 。

开通会员 (opens new window)

Last Updated: 9/29/2022, 1:07:59 AM