uview-next/components/u-navbar/props.js

基于uView UI 2.0，110+高质量组件库，支持vue2和vue3，支持鸿蒙，支持多语言，搭配便捷工具助力，让开发更得心应手

import { defineProps } from '../../libs/util/props';
import theme from '../../libs/config/theme.js';

export default defineProps('navbar', {
	// 是否开启顶部安全区适配
	safeAreaInsetTop: {
		type: Boolean,
		default: true
	},
	// 固定在顶部时，是否生成一个等高元素，以防止塌陷
	placeholder: {
		type: Boolean,
		default: false
	},
	// 是否固定在顶部
	fixed: {
		type: Boolean,
		default: true
	},
	// 是否显示下边框
	border: {
		type: Boolean,
		default: false
	},
	// 左边的图标
	leftIcon: {
		type: String,
		default: 'arrow-left'
	},
	// 左边的提示文字
	leftText: {
		type: String,
		default: ''
	},
	// 左右的提示文字
	rightText: {
		type: String,
		default: ''
	},
	// 右边的图标
	rightIcon: {
		type: String,
		default: ''
	},
	// 标题
	title: {
		type: [String, Number],
		default: ''
	},
	// 背景颜色
	bgColor: {
		type: String,
		default: '#ffffff'
	},
	// 标题的宽度
	titleWidth: {
		type: [String, Number],
		default: '400rpx'
	},
	// 导航栏高度
	height: {
		type: [String, Number],
		default: '44px'
	},
	// 左侧返回图标的大小
	leftIconSize: {
		type: [String, Number],
		default: 20
	},
	// 左侧返回图标的颜色
	leftIconColor: {
		type: String,
		default: theme.mainColor
	},
	// 点击左侧区域(返回图标)，是否自动返回上一页
	autoBack: {
		type: Boolean,
		default: false
	},
	// 标题的样式，对象或字符串
	titleStyle: {
		type: [String, Object],
		default: ''
	}
})