yl-view/components/yl-navbar/props.js

一个基于uniapp的ui框架

export default {
	props: {
		// 是否开启顶部安全区适配
		safeAreaInsetTop: {
			type: Boolean,
			default: true
		},
		// 固定在顶部时，是否生成一个等高元素，以防止塌陷
		placeholder: {
			type: Boolean,
			default: true
		},
		// 类型 值为transparent时导航栏是否是透明并且随着滚动变的不透明
		type: {
			type: String
		},
		// 是否固定在顶部
		fixed: {
			type: Boolean,
			default: true
		},
		// 是否显示下边框
		border: {
			type: Boolean,
			default: false
		},
		showLeft: {
			type: Boolean,
			default: true
		},
		// 左边的图标
		leftIcon: {
			type: String,
			default: 'arrow-left-bold'
		},
		// 左边的提示文字
		leftText: {
			type: String,
			default: ''
		},
		// 左侧提示文字字体大小
		leftTextSize: {
			type: [String, Number],
			default: 30
		},
		// 左边图标及字体颜色
		leftColor: {
			type: String
		},
		leftClickType: {
			type: String,
		},
		// 左右的提示文字
		rightText: {
			type: String,
			default: ''
		},
		// 右边的图标
		rightIcon: {
			type: String,
			default: ''
		},
		// 右边图标及字体颜色
		rightColor: {
			type: String
		},
		// 标题
		title: {
			type: [String, Number],
			default: ''
		},
		// 二级标题
		subTitle: {
			type: [String, Number]
		},
		// 背景颜色
		bgColor: {
			type: [String, Array],
			default: '#FFFFFF'
		},
		// 导航背景颜色渐变角度（`bgColor`为数组生效）
		bgColorAngle: {
			type: [String, Number],
			default: 90
		},
		// 标题的宽度
		titleWidth: {
			type: [String, Number],
			default: ''
		},
		// 标题颜色
		titleColor: {
			type: String
		},
		// 标题大小
		titleSize: {
			type: String,
			default: '32rpx'
		},
		// 副标题颜色
		subTitleColor: {
			type: String
		},
		// 副标题大小
		subTitleSize: {
			type: String,
			default: '26rpx'
		},
		// 导航栏高度
		height: {
			type: String,
			default: '88rpx'
		},
		// 页面滚动值（配合type=transparent使用）
		scrollTop: {
			type: Number,
			default: 0
		},
		// type=transparent时滚动到这个距离背景颜色显示完全
		scrollTopHeight: {
			type: [Number, String],
			default: 100
		},
		// 背景色为透明时字体颜色
		transparentFontColor: {
			type: String,
			default: '#FFFFFF'
		},
		// 在小程序模式是否给右侧添加胶囊菜单的padding
		menubuttonPadding: {
			type: Boolean,
			default: true
		},
	},
}