更新记录

1.0.2(2023-08-09)

增加联动功能。

1.0.1(2023-04-19)

修复显示问题。

1.0.0(2023-04-19)

ljs-progress,美观的进度条组件,支持浮块展示。让你的产品提高N个Level。

查看更多

平台兼容性

Vue2 Vue3
×
App 快应用 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序
HBuilderX 3.1.0 app-vue × × × × ×
钉钉小程序 快手小程序 飞书小程序 京东小程序
× × × ×
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari

方便您的同时,请五星、收藏,让好的东西照亮更多深渊中负重前行的代码人。

创作不易,在您方便之际,赞赏作者,我们会更有动力继续下去。

简介

ljs-progress,美观的进度条组件,支持浮块展示。让你的产品提高N个Level。

快速开始

1.使用 uni_modules 安装(推荐)

使用 uni_modules 方式安装组件库,可以直接通过插件市场导入,通过右键菜单快速更新组件,不需要引用、注册,直接在页面中使用 ljs-progress 组件。

主参数

参数 类型 必填项 默认值 说明
nowTotal Number × 0 进行量,可大于总量
total Number × 100 总量
trackParticle Number × 100 轨道颗粒数量,最小值为1,最大值为100
sliderText String × 滑块显示内容(sliderShow参数需为true时生效)
sliderShow Boolean × true 浮块是否显示
warningRange Array × [60, 90] 警示区间
warningRangeShow Boolean × true 警示区间是否开启

方法

参数 类型 解释

快速应用

官方示例
<template>
    <view class="content">
        <view class="dis">ljs-progress,美观的进度条组件,支持浮块展示。让你的产品提高N个Level。</view>
        <ljs-progress></ljs-progress>
    </view>
</template>

<script>
    export default {
        data() {
            return {
            }
        },
        onLoad() {
        },
        methods: {

        }
    }
</script>

<style lang="scss" scoped>
    .content{
        padding: 0 20upx;
        font-size: 28upx;
        .dis{
            font-weight: bold;
            margin-bottom: 40upx;
        }
        .stpe{
            font-size: 24upx;
        }
    }
</style>

贡献代码

龙九山。有任何问题,请在平台留言,在手头宽裕得情况下,我会尽快修复问题。

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

插件不采集任何数据

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问