更新记录
1.0.0(2024-07-12)
下载此版本
unv-progress
V1.0.0
updata log,
进度条,支持进度条图片,支持进度条高度,颜色自定义
平台兼容性
App |
快应用 |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
HBuilderX 3.7.3 app-vue |
× |
√ |
√ |
× |
× |
× |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
× |
× |
× |
× |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
√ |
√ |
√ |
× |
√ |
√ |
√ |
√ |
√ |
unv-progress
更新日志
更新 1.0.0版本
初始版本
安装
请在uniapp插件市场安装
引入
本组件符合easycom组件规范,直接在页面中使用
兼容性
端:H5 微信小程序 支持;其他也均支持 未测试。
vue2 vue3 支持
USE
<template>
<view class="content">
<unv-progress :img="img" :ratio="80"></unv-progress>
{/* //其它代码 */}
</view>
</template>
<script>
export default {
data() {
return {
img: 'http://192.168.0.102:4010/img/index.png'
}
}
}
</script>
Props
属性
说明:
props |
desc |
img |
进度条末端图片URL或base64 |
ratio |
进度条比例 |
progressHeight |
进度条高度 |
backColor |
进度条背景颜色 |
innerColor |
进度条内部颜色 |
imgWidth |
图片宽度 没有放开图片高度是因为高度是根据进度条的高度自动计算的 |
Author
liuhaixu
V1.0.0
updata log,
V1.0.0
带图片的进度条组件