单元格
箭头支持隐藏
vue
<template>
<jp-cell title="我的收藏"></jp-cell>
<jp-cell title="我的设置" :show-arrow="false"></jp-cell>
</template>
分割线支持隐藏
vue
<template>
<jp-cell title="我的收藏" :show-line="false"></jp-cell>
<jp-cell title="我的设置" :show-line="false"></jp-cell>
</template>
支持 slot
vue
<template>
<jp-cell title="我的收藏">
<text style="margin-left: 10px; font-size: 12px; color: #ccc">我是描述</text>
</jp-cell>
<jp-cell title="我的设置">
<text style="margin-left: 10px; font-size: 12px; color: #ccc">我是描述</text>
</jp-cell>
</template>
支持箭头颜色设置
vue
<template>
<jp-cell title="我的收藏" arrow-color="red"></jp-cell>
<jp-cell title="我的设置" arrow-color="blue"></jp-cell>
</template>
水波纹
vue
<template>
<jp-cell title="我的收藏" :ripple="false"></jp-cell>
</template>
props
| 属性名 | 类型 | 默认值 | 描述 |
|---|---|---|---|
| title | String | '' | title 名称 |
| showArrow | Boolean | true | 是否显示箭头 |
| showLine | Boolean | true | 是否显示分割线 |
| ripple | Boolean | true | 是否开启水波纹效果 |
| arrowColor | String | '' | 箭头颜色 |
| 点击事件名 |
|---|
| cell-click |