初始化

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

@@ -0,0 +1,26 @@
+<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>