hogwarts-ui 官方网站

Appearance

title-v3 副标题 ​

  • title 内容左上角的标题，可以定制它的颜色和背景颜色

基本用法 ​

点击查看示例代码
vue
<template>
  <h-title-v3 :h_data="h_data1"></h-title-v3>
</template>

<script setup>
const h_data1 = {
  // 组件名称
  component: 'h-title-v3',
  // 样式
  class: 'bg-white h-96',
  // 标题
  header: '专属服务{text-[#0c3ca2] bg-gradient-to-r from-[#b2e7ff] to-[#e1f6ff]}',
  // 子组件
  items: []
}
</script>
<template>
  <h-title-v3 :h_data="h_data1"></h-title-v3>
</template>

<script setup>
const h_data1 = {
  // 组件名称
  component: 'h-title-v3',
  // 样式
  class: 'bg-white h-96',
  // 标题
  header: '专属服务{text-[#0c3ca2] bg-gradient-to-r from-[#b2e7ff] to-[#e1f6ff]}',
  // 子组件
  items: []
}
</script>
点击查看示例代码(yaml)
yaml
component: h-title-v3
header: 专属服务{text-[#0c3ca2] bg-gradient-to-r from-[#b2e7ff] to-[#e1f6ff]}
component: h-title-v3
header: 专属服务{text-[#0c3ca2] bg-gradient-to-r from-[#b2e7ff] to-[#e1f6ff]}