From fbb2867c1301de2fbafa8ac35c79b129a8df3338 Mon Sep 17 00:00:00 2001
From: jry <ijry@qq.com>
Date: Thu, 8 Aug 2024 20:43:43 +0800
Subject: [PATCH] =?UTF-8?q?add:=20=E5=A2=9E=E5=8A=A0=E8=BF=B7=E4=BD=A0?=
 =?UTF-8?q?=E5=AF=BC=E8=88=AA=E7=A4=BA=E4=BE=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages.json                         |  7 ++
 src/pages/componentsD/navbarMini.vue   | 95 ++++++++++++++++++++++++++
 src/pages/example/components.config.js |  5 ++
 3 files changed, 107 insertions(+)
 create mode 100644 src/pages/componentsD/navbarMini.vue

diff --git a/src/pages.json b/src/pages.json
index 8df05ee87..3dfc934de 100644
--- a/src/pages.json
+++ b/src/pages.json
@@ -463,6 +463,13 @@
 				"style": {
 					"navigationBarTitleText": "复制"
 				}
+			},
+			{
+				"path" : "navbarMini",
+				"style" : 
+				{
+					"navigationBarTitleText" : ""
+				}
 			}
 		]
 	},
diff --git a/src/pages/componentsD/navbarMini.vue b/src/pages/componentsD/navbarMini.vue
new file mode 100644
index 000000000..f3c6d42f3
--- /dev/null
+++ b/src/pages/componentsD/navbarMini.vue
@@ -0,0 +1,95 @@
+<template>
+	<view class="u-page">
+		<up-navbar
+			safeAreaInsetTop
+			fixed
+			:autoBack="true"
+		>
+		</up-navbar>
+		<view class="u-page__item">
+			<text class="u-page__item__title">基础功能</text>
+			<up-navbar
+				homeUrl="/pages/index/index"
+				:safeAreaInsetTop="true"
+				:fixed="true"
+				@leftClick="leftClick"
+			>
+			</up-navbar>
+		</view>
+		<view class="u-page__item">
+			<text class="u-page__item__title">自定义插槽</text>
+			<up-navbar
+				:fixed="false"
+				:safeAreaInsetTop="false"
+			>
+				<template #left>
+					<up-icon
+						name="arrow-left"
+						size="19"
+					></up-icon>
+				</template>
+			</up-navbar>
+		</view>
+		<up-gap height="50"></up-gap>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+
+			}
+		},
+		methods: {
+			navigateBack() {
+				uni.navigateBack({
+					delta: 1
+				})
+			},
+			leftClick() {
+				console.log('leftClick');
+			}
+		}
+	}
+</script>
+
+<style lang="scss">
+	/* #ifndef APP-NVUE */
+	page {
+		background-color: $u-bg-color;
+	}
+	/* #endif */
+	
+	.u-page {
+		padding: 0;
+		flex: 1;
+		background-color: $u-bg-color;
+
+		&__item {
+
+			&__title {
+				color: $u-tips-color;
+				background-color: $u-bg-color;
+				padding: 15px;
+				font-size: 15px;
+
+				&__slot-title {
+					color: $u-primary;
+					font-size: 14px;
+				}
+			}
+		}
+	}
+
+	.u-nav-slot {
+		@include flex;
+		align-items: center;
+		justify-content: space-between;
+		border-width: 0.5px;
+		border-radius: 100px;
+		border-color: $u-border-color;
+		padding: 3px 7px;
+		opacity: 0.8;
+	}
+</style>
diff --git a/src/pages/example/components.config.js b/src/pages/example/components.config.js
index 5ef4a2155..1020c1e95 100644
--- a/src/pages/example/components.config.js
+++ b/src/pages/example/components.config.js
@@ -332,6 +332,11 @@ export default [{
             icon: 'navbar',
             title: 'Navbar 导航栏',
             title_en: 'Navbar'
+        }, {
+            path: '/pages/componentsD/navbarMini/navbarMini',
+            icon: 'navbar',
+            title: 'NavbarMini 迷你导航栏',
+            title_en: 'Navbar'
         }, {
             path: '/pages/componentsC/tabs/tabs',
             icon: 'tabs',