123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687 |
- import { defineMixin } from '../../libs/vue'
- import defProps from '../../libs/config/props.js'
- export const props = defineMixin({
- props: {
- // 是否开启顶部安全区适配
- safeAreaInsetTop: {
- type: Boolean,
- default: () => defProps.navbar.safeAreaInsetTop
- },
- // 固定在顶部时,是否生成一个等高元素,以防止塌陷
- placeholder: {
- type: Boolean,
- default: () => defProps.navbar.placeholder
- },
- // 是否固定在顶部
- fixed: {
- type: Boolean,
- default: () => defProps.navbar.fixed
- },
- // 是否显示下边框
- border: {
- type: Boolean,
- default: () => defProps.navbar.border
- },
- // 左边的图标
- leftIcon: {
- type: String,
- default: () => defProps.navbar.leftIcon
- },
- // 左边的提示文字
- leftText: {
- type: String,
- default: () => defProps.navbar.leftText
- },
- // 左右的提示文字
- rightText: {
- type: String,
- default: () => defProps.navbar.rightText
- },
- // 右边的图标
- rightIcon: {
- type: String,
- default: () => defProps.navbar.rightIcon
- },
- // 标题
- title: {
- type: [String, Number],
- default: () => defProps.navbar.title
- },
- // 背景颜色
- bgColor: {
- type: String,
- default: () => defProps.navbar.bgColor
- },
- // 标题的宽度
- titleWidth: {
- type: [String, Number],
- default: () => defProps.navbar.titleWidth
- },
- // 导航栏高度
- height: {
- type: [String, Number],
- default: () => defProps.navbar.height
- },
- // 左侧返回图标的大小
- leftIconSize: {
- type: [String, Number],
- default: () => defProps.navbar.leftIconSize
- },
- // 左侧返回图标的颜色
- leftIconColor: {
- type: String,
- default: () => defProps.navbar.leftIconColor
- },
- // 点击左侧区域(返回图标),是否自动返回上一页
- autoBack: {
- type: Boolean,
- default: () => defProps.navbar.autoBack
- },
- // 标题的样式,对象或字符串
- titleStyle: {
- type: [String, Object],
- default: () => defProps.navbar.titleStyle
- }
- }
- })
|