@ektx/v5-strip v0.0.4-alpha.0

V5Strip

用于展示多个数据之前的百分比。

Demo

使用方法

HTML

<V5Strip :data="data1"></V5Strip>

JS

{
    data1: {
        title: {
            label: '标题',
            value: 11000
        },
        subTitle: {
            label: '副标题',
            value: 1000
        },
        list: [
            {
                label: 'iPhone',
                value: 7000
            }, 
            {
                label: 'iPad',
                value: 1000
            },
            {
                label: 'iMac',
                value: 1000
            },
            {
                label: 'iMac Pro',
                value: 1000
            },
            {
                label: 'MacBook',
                value: 1000
            }
        ]
    },
    colors: ['#f90', '#09f', 'yellowgreen', 'red', 'yellow']
}

Props