1

uview-plus/components/u-navbar/navbar.js

@@ -0,0 +1,33 @@
+/*
+ * @Author       : LQ
+ * @Description  :
+ * @version      : 1.0
+ * @Date         : 2021-08-20 16:44:21
+ * @LastAuthor   : LQ
+ * @lastTime     : 2021-08-20 17:16:18
+ * @FilePath     : /u-view2.0/uview-ui/libs/config/props/navbar.js
+ */
+import color from '../../libs/config/color'
+export default {
+    // navbar 组件
+    navbar: {
+        safeAreaInsetTop: true,
+        placeholder: false,
+        fixed: true,
+        border: false,
+        leftIcon: 'arrow-left',
+        leftText: '',
+        rightText: '',
+        rightIcon: '',
+        title: '',
+        titleColor: '',
+        bgColor: '#ffffff',
+        titleWidth: '400rpx',
+        height: '44px',
+		leftIconSize: 20,
+		leftIconColor: color.mainColor,
+		autoBack: false,
+		titleStyle: ''
+    }
+
+}

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

@@ -0,0 +1,92 @@
+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
+		},
+		// 标题颜色
+		titleColor: {
+			type: String,
+			default: () => defProps.navbar.titleColor
+		},
+		// 背景颜色
+		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
+		}
+	}
+})