Skip to content

排行榜

基础用法

在外部的标题和数值

开启加载动画

属性

参数说明类型可选值是否必填默认值
list数据列表[{ title:<string>, value:<number> }]--
type排行榜类型string'inner' / 'outer'-'inner'
rank_width整体宽度string--'auto'
item_space行间距string--'10px'
item_height行高度string--'auto'
text_space文字离排行榜的距离string--'10px'
title_width标题宽度string--'auto'
top只显示前几位,0代表全部number--0
max_value最大值(若设置了100,则值为50的项长度会占总长度的一半)number--100
auto_computed自动计算每项的长度,开启后max_value会失效,每项长度将以list中的最大value值来计算boolean--true
background每项的背景颜色string--#25599f
is_order是否自动排序boolean--true
asc是否正序boolean--false
filed_title指定标签属性名string--'title'
filed_value指定值属性名string--'value'
animation是否开启加载动画boolean--false
animation_duration动画时长number--500