更新记录

1.0(2023-03-13)

发布第一版


平台兼容性

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

hyh-progress

  • 环形进度条

一、使用示例

<template>
    <view class="test-container">
        <hyh-progress :rate="rate" width="12px" :fillet="true"
         activeColor="#38a2f0" inactiveColor="#e0ebf7" :startAngle="30">
            <text>{{rate}}%</text>
         </hyh-progress>
    </view>
</template>

<script setup>
import { ref } from "vue";
const rate=ref(60)
</script>

<style lang="scss" scoped>
.test-container{
    width: 100px;
    height: 150px;
    margin: 50px auto;
}
</style>

二、属性介绍

字段 类型 必填 默认值 描述
rate Number 进度 0-100
width String 12px 进度条宽度
activeColor String #54c4fd 活跃颜色
inactiveColor String #546063 非活跃颜色
startAngle Number 0 开始角度
fillet Boolean false 是否使用圆边

隐私、权限声明

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

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

插件不采集任何数据

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

许可协议

MIT协议

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