Skip to content

zs-section

功能描述

页面区块组件,用于划分页面内容区域,提供标题和内容区域。

属性

属性名类型说明
titlestring区块标题

插槽

插槽名说明
header-right区块头部右侧区域
default区块内容区域

使用示例

vue
<template>
  <zs-section title="区块标题">
    <template #header-right>
      <zs-icon icon="more" :size="24" color="#165DFF" />
    </template>
    <template #default>
      <div>区块内容</div>
    </template>
  </zs-section>
</template>

<script lang="ts" setup>
import ZsSection from '@/components/zs-section';
import ZsIcon from '@/components/zs-icon';
</script>