zs-section
功能描述
页面区块组件,用于划分页面内容区域,提供标题和内容区域。
属性
| 属性名 | 类型 | 说明 |
|---|---|---|
| title | string | 区块标题 |
插槽
| 插槽名 | 说明 |
|---|---|
| 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>