first commit

unpackage/dist/dev/mp-weixin/components/statusBar/statusBar.js

@@ -0,0 +1,14 @@
+"use strict";
+const common_vendor = require("../../common/vendor.js");
+const _sfc_main = {
+  __name: "statusBar",
+  setup(__props) {
+    const statusBarHeight = common_vendor.index.getSystemInfoSync().statusBarHeight + "px";
+    return (_ctx, _cache) => {
+      return {
+        a: statusBarHeight
+      };
+    };
+  }
+};
+wx.createComponent(_sfc_main);

unpackage/dist/dev/mp-weixin/components/statusBar/statusBar.json

@@ -0,0 +1,4 @@
+{
+  "component": true,
+  "usingComponents": {}
+}

unpackage/dist/dev/mp-weixin/components/statusBar/statusBar.wxml

@@ -0,0 +1 @@
+<view style="position:relative"><view style="{{'height:' + a}}"></view><view style="height:44px;display:flex;align-items:center"><slot/></view></view>

unpackage/dist/dev/mp-weixin/components/statusBar/statusBar.wxss

@@ -0,0 +1,11 @@
+.statusBar_blur {
+  width: 100%;
+  height: 185rpx;
+  position: absolute;
+  top: 0;
+  left: 0;
+  background: linear-gradient(180deg, #DBE5FF 0%, #FFFFFF 15%, #FFFFFF 81%, #F7F7F7 100%);
+  opacity: 0.8;
+  filter: blur(50px);
+  z-index: -1;
+}