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