Skip to content

PageHeader 页头

介绍

PageHeader 页头组件用于声明页面的主题,包含了用户所关注的最重要的信息,使用户快速理解当前页面是什么以及它的功能。

基础用法

vue
<template>
  <yc-page-header 
    title="页面标题" 
    subtitle="页面副标题"
    @back="handleBack"
  />
</template>

<script setup>
const handleBack = () => {
  console.log('返回上一页')
}
</script>

API

PageHeader Props

参数名描述类型默认值
title标题string-
subtitle副标题string-
show-back是否显示返回按钮booleantrue

PageHeader Events

事件名描述参数
back点击返回按钮时触发-

Released under the MIT License.