Cell
该组件左侧字符内容默认由title
属性提供,如果用户想自定义展示html内容,应用插槽的形式展示,且插槽名为title
。默认插槽内容在右侧展示。
<template>
<div>
<p>
<z-cell>
<div slot="title" style="display:flex;align-items:center">
<z-icon name="comment"/>内容内容内容
</div>内容内容内容
</z-cell>
<z-cell title="标题">
展示内容
<z-icon name="settings_light"/>
</z-cell>
<z-cell title="标题">展示内容</z-cell>
<z-cell title="标题">展示内容</z-cell>
</p>
</div>
</template>
<script>
import Cell from "../../../src/components/cell/cell.vue";
import Icon from "../../../src/components/icon/icon.vue";
export default {
components: {
"z-cell": Cell,
"z-icon": Icon
}
};
</script>
Props
属性 | 含义 | 类型 | 默认 |
---|---|---|---|
title | 左侧显示的标题内容 | String, Number |