ui-title 标题组件

版本：v2.3.11

标题组件用于显示页面标题，支持自定义样式和层级

基本使用

<template>
  <div class="title-demo">
    <ui-title level="1">一级标/ui-title>
    <ui-title level="2">二级标题</ui-title>
    <ui-title level="3">三级标题</ui-title>
    <ui-title level="4">四级标题</ui-title>
    <ui-title level="5">五级标题</ui-title>
  </div>
</template>

<style scoped>
.title-demo {
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
</style>

Props

参数	类型	默认值	说明
level	Number	1	标题层级，可选值：1-5
type	String	'default'	标题类型，可选值：default、primary、success、warning、danger
size	String	-	标题大小，可选值：small、medium、large
bold	Boolean	true	是否加粗标题
color	String	-	自定义标题颜

Slots

名称	说明
default	标题文本内容

在线演示

扫码或点击链接在手机上查看完整演示

https://shadow-ui3-demo.nooko.cn/#/pages/functional/title/title