[-配置数据-]
数据1：
日期字段
数据2：
主播名称+图标
普通字段
名称字段+数量
高亮字段1
高亮字段2
数据3：
普通字段
名称字段+数量
主播名称+图标
高亮字段1
高亮字段2
数据4：
名称字段+数量
普通字段
主播名称+图标
高亮字段1
高亮字段2
[-配置颜色-]
主题色
：
关闭后可选择非安全色
SA
FA
高亮色1：
(可选)
高亮色2：
(可选)
高亮色3：
(可选)
[-替换背景-]
本地：
[-导出SVG-]
SVG：
导出
创建SVG
tips
tab1
tab2
tab3
tab4
tab1
tab2
tab3
tab4
tab1
tab2
时间
主播
途径
获得奖励
页末文案描述说明位置
<
1
2
3
4
5
...
22
>
一级tab
二级tab
翻页器
[-默认参数-]
*当前使用
亮字色
主题
color5:
■
h , s , l
// 底框填充
color1:
■
h , s*1.1 , l + 35
// 表头填充、翻页器选中
color2:
■
h , s , l + 50
// 表头字色
color3:
■
h , s*1.1 , l + 6
// 默认字色、底框/翻页器描边
color4:
■
h , s*1.1 , l + 15
// 行间区分色
noteColor:
■
rgba(255, 255, 255, 0.4)
// 注释字色
*当前使用
暗字色
主题
color5:
■
h , s , l
// 底框填充
color1:
■
h , s*0.9 , l - 35
// 表头填充、翻页器选中
color2:
■
h , s , l - 50
// 表头字色
color3:
■
h , s*0.9 , l - 5
// 默认字色、底框/翻页器描边
color4:
■
h , s*0.9 , l - 15
// 行间区分色
noteColor:
■
rgba(0, 0, 0, 0.4)
// 注释字色
hlColor1:
■
// 高亮字色1，给数量
hlColor2:
■
// 高亮字色2，给高亮字段1
hlColor3:
■
// 高亮字色3，给高亮字段2
dataTimeW: 6ch 11ch // 控制日期字符宽
dataNameTextW: 9ch 13ch // 控制名称字符宽
[-字段类型-]
[日期字段]
默认配置项，当数据项达到4时换行；
[名称字段]
默认6个字，当数据项达到4时最大4个字；
[主播名称+图标]
名称字段+直播中图标占位；
[普通字段]
默认4字，超出按名称字段规则；
[名称字段+数量]
名称字段+数量占位，超出显示x99+；
[高亮字段]
可作为不同数量区分，也可作为纯字段；
[-布局规则-]
· 默认字号24px，可配置数据项2-4个；
· 底框宽度=706px，描边2px，圆角8px；
· 底框高度=页面高度-所有板块高度；
· 行内上下留16px，最小高度92px(单行间距更舒适)；
· 列宽为填充容器，第一列最大宽度200px；