更新记录
1.0.0(2025-12-09)
水球进度条
平台兼容性
uni-app(3.6.15)
| Vue2 |
Vue3 |
Chrome |
Safari |
app-vue |
app-nvue |
Android |
iOS |
鸿蒙 |
| √ |
√ |
√ |
√ |
√ |
- |
√ |
√ |
- |
| 微信小程序 |
支付宝小程序 |
抖音小程序 |
百度小程序 |
快手小程序 |
京东小程序 |
鸿蒙元服务 |
QQ小程序 |
飞书小程序 |
快应用-华为 |
快应用-联盟 |
| √ |
- |
- |
- |
- |
- |
- |
- |
- |
- |
- |
其他
progress-bubble 波浪进度球组件
一个用于 UniApp 的波浪进度球组件,支持动画效果和自定义配置。
功能特点
- 波浪动画效果展示进度
- 支持 v-model 双向数据绑定
- 自定义颜色、大小
- 进度达到 100% 或 0% 时自动暂停动画
- 响应式设计,适配不同屏幕
在页面中引入组件
<template>
<view class="container">
<progress-bubble
v-model="progressValue"
bgColor="#f0f0f0"
color="#2674daff"
:size="180"/>
</view>
</template>
<script setup>
import { ref } from 'vue'
const progressValue = ref(50) // 初始进度为50%
</script>