fix: navbar commpontents

components/NavBar/NavBar.vue

@@ -2,7 +2,7 @@
   <view>
     <!-- Placeholder to occupy space if fixed -->
     <view
-      v-if="fixed && placeholder"
+      v-if="fixed && placeholder && !transparent"
       class="nav-placeholder"
       :style="{ height: navBarHeight + 'px' }"
     ></view>
@@ -14,7 +14,7 @@
       :style="{
         height: navBarHeight + 'px',
         paddingTop: statusBarHeight + 'px',
-        backgroundColor: background,
+        backgroundColor: transparent ? 'transparent' : background,
         color: color
       }"
     >
@@ -60,6 +60,10 @@ const props = defineProps({
     type: Boolean,
     default: true,
   },
+  transparent: {
+    type: Boolean,
+    default: false,
+  },
 });
 
 const navBarHeight = ref(64);