ui-headbox 头部容器组件

版本：v2.3.11

头部容器组件用于页面头部，支持自定义标题、导航和操作按钮

基本使用

<template>
  <ui-headbox title="页面标题">
    <!-- 页面内容 -->
    <div style="padding: 20px;">
      这是页面的内容区
    </div>
  </ui-headbox>
</template>

Props

参数	类型	默认值	说明
title	String	-	页面标题
background	String	-	头部背景
color	String	-	头部文字颜色
showBack	Boolean	true	是否显示返回按钮
backText	String	-	返回按钮文字

Events

事件	说明	回调参数
back	点击返回按钮时触	-
rightClick	点击右侧操作按钮时触	-

Slots

名称	说明
default	页面内容
title	自定义标题内
left	自定义左侧内
right	自定义右侧内

在线演示

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

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