更新记录

1.0.0（2023-11-07）

可视化任务进度条(自定义颜色、自定义过度效果)

平台兼容性

Vue2 Vue3
√ ×
App 快应用 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序
× × × × × × ×
钉钉小程序 快手小程序 飞书小程序 京东小程序
× × × ×
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari
× × × × × × × × ×

使用方法

<ytySquareFill label="自定义标题" :value="0.2" :time="3" :width="300" :opacity="0.2" backgroundColor="#5555ff">
</ytySquareFill>

组件引入

import ytySquareFill from '@/components/yty-square-fill/yty-square-fill.vue'

组件注册

export default{
    components:{
        ytySquareFill
    }
}

组件传参

参数名 参数描述 类型 默认值 是否必填
value 值 Number 0.35 是
label 描述 String 标题 否
width 宽度 Number 300rpx 否
opacity 透明度 Number 0.5 否
backgroundColor 背景色 16进制颜色 #8A2BE2 否
time 动画时长 Number 3s 否

组件插槽

插槽名称 说明
title 标题自定义内容，可以在此传入自定义标题，用于自定义排版
value 值自定义内容，可以在此传入自定义值，用于自定义排版

隐私、权限声明

1. 本插件需要申请的系统权限列表：

无

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明：

无

3. 本插件是否包含广告，如包含需详细说明广告表达方式、展示频率：

无

许可协议

MIT协议
评论列表 撰写评论
加载更多...
插件问答 我要提问

使用中有什么不明白的地方，就向插件作者提问吧~ 我要提问

加载更多...