From ed12cd465254a6c3dfef2b1045fadae1f3b9b9bb Mon Sep 17 00:00:00 2001
From: ‘chensiAb’ <‘chenchenco03@163.com’>
Date: Thu, 06 Mar 2025 09:36:00 +0800
Subject: [PATCH] style:自定义导航-改为绝对定位于顶部，引用时需要显示的设置padding
---
layout/navCustomBar/CNavCustomBar.vue | 5 +++++
layout/navCustomBar/cNavCustomBar.scss | 5 ++++-
2 files changed, 9 insertions(+), 1 deletions(-)
diff --git a/layout/navCustomBar/CNavCustomBar.vue b/layout/navCustomBar/CNavCustomBar.vue
index cad1c7b..065738c 100644
--- a/layout/navCustomBar/CNavCustomBar.vue
+++ b/layout/navCustomBar/CNavCustomBar.vue
@@ -94,6 +94,11 @@
$getStatusBarHeight() {
return this.statusBarHeight;
},
+
+ // 使用自定义导航时，需要在主页显示的设置padding的值，此值是导航栏的高度，本导航已经使用固定定位为头部
+ $getNavBarHeight() {
+ return this.navBarHeight;
+ },
},
};
</script>
diff --git a/layout/navCustomBar/cNavCustomBar.scss b/layout/navCustomBar/cNavCustomBar.scss
index 85104d1..44b0be6 100644
--- a/layout/navCustomBar/cNavCustomBar.scss
+++ b/layout/navCustomBar/cNavCustomBar.scss
@@ -9,7 +9,10 @@
width: 100%;
display: flex;
justify-content: center;
- position: relative;
+ position: fixed;
+ top: 0;
+ left: 0;
+ background-color: #fff;
.c-nav-icon {
position: absolute;
left: 0px;
--
Gitblit v1.9.1