uni-status-bar.vue
437 Bytes
<template>
<view :style="{ height: statusBarHeight }" class="uni-status-bar">
<slot />
</view>
</template>
<script>
var statusBarHeight = uni.getSystemInfoSync().statusBarHeight + 'px'
export default {
name: 'UniStatusBar',
data() {
return {
statusBarHeight: statusBarHeight
}
}
}
</script>
<style scoped>
.uni-status-bar {
width: 750rpx;
height: 20px;
/* height: var(--status-bar-height);
*/
}
</style>