first commit

2025-05-22 10:33:32 +08:00
commit f2ef63d910
581 changed files with 53162 additions and 0 deletions
@@ -0,0 +1,56 @@
+### piaoyi-progress-bar 进度条
+
+**使用方法：**
+
+正常进度条
+```
+<piaoyiProgressBar :progress="50" backgroundColor="#EFEFF4" progressBackgroundColor="#07C160" :showText="true"
+	textColor="#fff" :textSize="24" :height="20"></piaoyiProgressBar>
+<view class="bg">
+```
+
+环状进度条
+```
+<piaoyiProgressBar canvasId="progressCanvas4" :progress="75" backgroundColor="#EFEFF4"
+	progressBackgroundColor="#07C160" :showText="true" textColor="#000000" :textSize="24" :height="20"
+	:isCircular="true" :diameter="200"></piaoyiProgressBar>
+<view class="bg">
+```
+
+```
+import piaoyiProgressBar from '@/uni_modules/piaoyi-progress-bar/components/piaoyi-progress-bar/piaoyi-progress-bar.vue';
+export default {
+    components: {
+        piaoyiProgressBar
+    },
+    data() {
+        return {
+        }
+    },
+    methods: {
+    }
+}
+```
+
+#### 事件说明
+
+无
+
+#### Prop
+
+| 参数名称 | 描述                           | 默认值                         |
+| -------- | ------------------------------ | ------------------------------ |
+| progress | 进度值 |       空（范围：0-100）        |
+| backgroundColor | 背景色 |   #EFEFF4   |
+| progressBackgroundColor | 进度背景色 |   #07C160   |
+| showText | 是否显示文本 |   true   |
+| textColor | 文本颜色 |   #000000   |
+| textSize | 文本大小 |       24     |
+| height | 进度条线条宽度 |       20     |
+| diameter | 进度条整体大小 |       200     |
+| isCircular | 是否显示环状 |       false     |
+| canvasId | isCircular为true时必传,一个页面使用多个需要定义不同的canvasId |       canvasId     |
+
+### 可接定制化组件开发
+### 右侧有本人代表作小程序二维码，可以扫码体验
+### 如使用过程中有问题或有一些好的建议，欢迎加QQ群互相学习交流：120594820