更新记录

1.0.0（2025-06-19） 下载此版本

初版

平台兼容性

uni-app(4.03)

其他

超级好用并且非常基础的半、全、渐变圆环进度条组件

使用方式

直接引用组件即可

import wlpProgress from '@/components/wlp-progress-new/wlp-progress-new.vue'

注意，以下是标签内写法，请自行食用，需要更多用法可参考组件内部入参或者下载示例项目，示例项目中用法更全

<h2>基本使用（半圆形进度条）</h2>
 <wlpProgress 
    :percent="75" 
    title="完成率" 
   />
<h2>完整圆形进度条</h2>
  <wlpProgress 
      :box-width="300"
      :box-height="300" 
        :percent="60" 
        type="circular" 
        title="进度"  
  />

<h2>自定义颜色和尺寸</h2>
<wlpProgress 
    :percent="85" 
    :box-width="300" 
    :box-height="150" 
    :line-width="12" 
    progress-color="#FF5722" 
    bg-color="#FFE0B2" 
    title="加载中" 
/>
......

有问题直接直接下载模板查看即可，或者欢迎留言