开始做充值，，调整了首页

components/navigator/index.js

@@ -35,7 +35,7 @@ Component({
    */
   methods: {
     back() {
-      wx.navigateBack();
+      this.triggerEvent("back")
     }
   }
 })

components/navigator/index.json

@@ -1,6 +1,7 @@
 {
   "component": true,
   "usingComponents": {
-
+    "customStatusBar": "/components/customStatusBar/index",
+    "van-icon": "@vant/weapp/icon/index"
   }
 }

components/navigator/index.wxml

@@ -1,9 +1,13 @@
-<view class="navigator" style="height: {{(statusBarHeight + 46)}}px;">
-  <view class="navigatorTitle">
-
-    {{title}}
+<!-- 使用fixed定位 -->
+<view class="navigator">
+  <view class="navigator" style="height: {{statusBarHeight + 46}}px;">
+    <view class="navigatorTitle">
+      {{title}}
+    </view>
+    <view class="backWrapper"  bind:tap="back">
+      <van-icon name="arrow-left" wx:if="{{canBack}}" class="back" />
+    </view>
   </view>
-  <view class="backWrapper">
-    <image src="/assets/images/left.png" bind:tap="back" wx:if="{{canBack}}" class="back" />
-  </view>
-</view>
+</view>
+<!-- 填充fixed定位页面被覆盖的组件 -->
+<view class="wrapper" style="height: {{statusBarHeight + 46}}px"></view>

components/navigator/index.wxss

@@ -4,14 +4,21 @@
   display: flex;
   align-items: flex-end;
   position: relative;
+  background-color: var(--deep-green);
+  color: #fff;
+  position: fixed;
+  left: 0;
+  right: 0;
+  top: 0;
 }
 
 .navigatorTitle {
   display: flex;
   justify-content: center;
   align-items: center;
+  text-align: center;
   height: 46px;
-  width: 100%;
+  width: 100vw;
 }
 
 .back {
@@ -25,10 +32,15 @@
 .backWrapper {
   display: flex; 
   width: 100%; 
+  width: 100rpx;
   background-color: transparent;
   height: 46px;
   position: absolute;
   bottom: 0;
   left: 0;
   align-items:center;
+}
+
+.navigator {
+  display: flex;
 }