GG

# gg-draw-process 绘制环形进度

gg-draw-process

绘制环形进度

# 使用方法

在 script 中引入组件

import ggDrawProcess from "@/components/gg-draw-progress/gg-draw-progress.vue"
export default {
    components: {ggDrawProcess}
}
1
2
3
4

在 template 中使用

<view>
    <gg-draw-progress
    ref="barcode"
    :show="show"
    :format="format"
    :cid="cid"
    :val="val"
    :onval="onval"
    :loadMake="loadMake"
    @result="barresult" />
</view>
1
2
3
4
5
6
7
8
9
10
11

# 属性

属性名 类型 默认值 说明
canvasId String gg-draw-progress-canvas canvasId，页面存在多个条形码组件时需设置不同的ID
cSize Number 80 圆的大小 单位px 取偶数
cBackground String '#f4f4f4' 进度条背景底色
cColor String '#fe9b25' 进度条颜色
lineWidth Number 8 进度条线的宽度 注意：因为圆的半径设置为画布大小的一半-2 所以注意进度条线的粗细会不会超过圆的大小
cBili Number 100 进度条的占比
cPlaceContent Boolean true 是否显示默认提示内容

# 感谢

← 二维码 →