Cell
移动端常见的列表每一项的布局
基本使用
<a-cell>默认无箭头</a-cell>
<a-cell arrow-direction="up">arrow-direction=up</a-cell>
<a-cell arrow-direction="right">arrow-direction=right</a-cell>
<a-cell arrow-direction="down">arrow-direction=down</a-cell>
<a-cell arrow-direction="left">arrow-direction=left</a-cell>
通过title插槽, 在左侧补充一些文案(图标)等, 并左对齐
<a-cell>
<template slot="prepend">生活不止眼前的苟且</template>
</a-cell>
<a-cell>
<template slot="prepend">生活不止眼前的苟且</template>
">诗和远方</template>
</a-cell>
通过append插槽, 在右侧补充一些文案(图标), 并右对齐
<a-cell>
<template slot="append">生活不止眼前的苟且</template>
</a-cell>
<a-cell>
<template slot="append">诗和远方</template>
</a-cell>
API
props
参数 | 说明 | 类型 | 默认值 | 可选值 | 是否必选 |
---|
prepend | 左侧标题 | String | - | - | 否 |
append | 右侧补充内容 | String | - | - | 否 |
bodyStyle | 内容区样式 | Object | {} | - | 否 |
textAlign | 内容文字对齐方式 | String | - | left/right/center/start/end | 否 |
arrowDirection | 右侧箭头方向, 如不赋值, 那么不显示箭头 | String | - | up/right/down/left | 否 |
slots
名称 | 说明 |
---|
default | 内容主体 |
prepend | 左侧标题 |
append | 右侧补充内容 |