更新记录

1.0.0（2023-05-03） 下载此版本

完成

平台兼容性

uni-app

其他

uni.scss(按项目实际颜色)

$uni-color-primary: #007aff;
$uni-color-success: #4cd964;
$uni-color-warning: #f0ad4e;
$uni-color-error: #dd524d;
$uni-color-info: #909399; //默认色
$uni-color-disabled: #c0c4cc; //禁止色
$uni-color-default: #dcdfe6; 

参数

插槽

插槽名称 说明 text 文本内容

示例

基础用法

<ayi-progress :value="40"></ayi-progress>

不同颜色

<ayi-progress color="#67C23A" :value="40"></ayi-progress>

可调节颜色

<ayi-progress :value="60" :color="['#F56C6C', '#E6A23C', '#67C23A']"></ayi-progress>

自定义

通过插槽 text 实现

<ayi-progress :value="val">
    <template #text>
        <text v-if="val >= 90">优</text>
        <text v-else-if="val >= 80">良</text>
        <text v-else-if="val >= 60">及格</text>
        <text v-else>{{ val }}</text>
    </template>
</ayi-progress>