fix: 🐛 修复 Navbar显示下边框时fixed不生效的问题

Author: xuqingkai

src/pages/navbar/Index.vue

@@ -1,3 +1,12 @@
+<!--
+ * @Author: weisheng
+ * @Date: 2023-10-17 17:20:31
+ * @LastEditTime: 2024-03-04 12:48:00
+ * @LastEditors: weisheng
+ * @Description: 
+ * @FilePath: \wot-design-uni\src\pages\navbar\Index.vue
+ * 记得注释
+-->
 <template>
   <wd-toast></wd-toast>
   <page-wraper>
@@ -44,6 +53,7 @@
         </template>
       </wd-navbar>
     </demo-block>
+    <view style="height: 500rpx"></view>
   </page-wraper>
 </template>
 <script lang="ts" setup>

src/uni_modules/wot-design-uni/components/wd-navbar/index.scss

@@ -90,15 +90,16 @@
     color: $-navbar-color;
   }
 
+
+  @include when(border) {
+    @include halfPixelBorder('bottom');
+  }
+
   @include when(fixed) {
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     z-index: 500;
   }
-
-  @include when(border) {
-    @include halfPixelBorder('bottom');
-  }
 }