#

whycq

2024-03-30 9ab6b38c098f857f2ce0772693142c930e4f9b6d

 uni_modules/uni-nav-bar/components/uni-nav-bar/uni-status-bar.vue

New file
@@ -0,0 +1,27 @@
<template>
   <view :style="{ height: statusBarHeight }" class="uni-status-bar">
      <slot />
   </view>
</template>

<script>
   export default {
      name: 'UniStatusBar',
      data() {
         return {
            statusBarHeight: 20
         }
      },
      mounted() {
         this.statusBarHeight = uni.getSystemInfoSync().statusBarHeight + 'px'
      }
   }
</script>

<style lang="scss" >
   .uni-status-bar {
      // width: 750rpx;
      height: 20px;
      // height: var(--status-bar-height);
   }
</style>