lanyun-panel
介绍
常用于列表展示
使用方法
import "../../components/lanyun-panel/lanyun-panel.stml";
例子
<lanyun-panel
title-text="自定义颜色"
:list="list"
footer-text="查看更多"
title-color="#2563EB"
item-title-color="#3B82F6"
item-desc-color="#60A5FA"
/>
props 属性
参数 |
说明 |
类型 |
默认值 |
list |
列表数据,具体数组格式见demo, 选填 |
array |
[] |
title-text |
标题, 选填 |
string |
- |
title-color |
标题颜色, 选填 |
string |
#111827 |
footer-text |
底部文字, 选填 |
string |
- |
footer-color |
底部字体颜色, 选填 |
string |
#576b95 |
item-title-color |
列表标题字体颜色, 选填 |
string |
#191919 |
item-desc-color |
列表描述字体颜色, 选填 |
string |
#b2b2b2 |
image-size |
列表图片大小,单位px,选填 |
string |
40px |
events 事件
事件名 |
说明 |
回调参数 |
click |
当点击列表项时触发 |
index :list 数组的索引下标 |
click-footer |
当点击底部时触发 |
- |