列表栏

使用方式

<template>
  <sp-list text="项目一">
    <img slot="icon" src="http://img.zcool.cn/community/01524a56093f0a6ac7251df855d5c0.png@1280w_1l_2o_100sh.webp"/>
  </sp-list>
  <sp-list text="项目二">
    <img slot="icon" src="http://img.zcool.cn/community/0177295609403532f875a132b3ba65.png@1280w_1l_2o_100sh.webp"/>
  </sp-list>
  <sp-list text="项目三">
    <img slot="icon" src="http://img.zcool.cn/community/017cc156093f0d6ac7251df8c18380.png@1280w_1l_2o_100sh.webp"/>
  </sp-list>
</template>

sp-list

props/属性
参数 类型 默认值 作用
text String Null 显示的文本
slot/插槽
slot 作用
icon 每一个列表的图标
methods/暴露方法
name 作用
click 每一个列表的点击事件

results matching ""

    No results matching ""