Title 区块标题

这是标题

这是一个标题

豆菜类叶菜类葱姜蒜类根茎菜类 更多 >>

基础使用

这是 Title 的基础例子

<script setup lang="ts">
const data = {
  more: 'https://cytp.cn/type',
  options: [
    { label: '豆菜类', href: 'https://cytp.cn/type/1' },
    { label: '叶菜类', href: 'https://cytp.cn/type/2' },
    { label: '葱姜蒜类', href: 'https://cytp.cn/type/3' },
    { label: '根茎菜类', href: 'https://cytp.cn/type/4' },
  ],
}
</script>

<template>
  <div class="title-demo">
    <NpTitle name="这是标题" />
  </div>
  <div class="title-demo">
    <NpTitle name="这是一个标题" :data="data" />
  </div>
</template>

<style lang="less" scoped>
.title-demo {
  width: 600px;
  padding: 10px;
  background: #f5f7f9
}
</style>