jobsys-explore/docs/components/sector/ExSector.md

Enhanced component based on vant

# ExSector

> 块状导航

Version: 1.0.0

## Props

| Prop name | Description | Type           | Values                           | Default |
| --------- | ----------- | -------------- | -------------------------------- | ------- |
| color     | 自定义颜色  | string         | `green`, `blue`, `orange`, `red` | "green" |
| height    | 高度        | number\|string | -                                | "100px" |
| title     | 标题        | string         | -                                | ""      |
| subtitle  | 副标题      | string         | -                                | ""      |

---

## 示例

---

<script setup>
import { ref, h } from "vue";
import ExSector from "@components/sector/ExSector.jsx";

</script>
<div style="width:200px">
<ExSector title="普通的标题" subtitle="有描述" />
<ExSector title="有slot的写法" color="blue">
    <template #subtitle>
        <view style="color: red">红色</view>与蓝色
    </template>
</ExSector>
</div>

```vue
<ExSector title="普通的标题" subtitle="有描述" />
<ExSector title="有slot的写法" color="blue">
    <template #subtitle>
        <view style="color: red">红色</view>与蓝色
    </template>
</ExSector>
```