完成简易版的充值和充值记录查询页面，简单的我的页面

components/navigator/index.js

@@ -0,0 +1,41 @@
+// components/navigator/index.js
+Component({
+
+  /**
+   * 组件的属性列表
+   */
+  properties: {
+    title: String,
+    canBack: Boolean,
+  },
+
+  /**
+   * 组件的初始数据
+   */
+  data: {
+
+  },
+  lifetimes: {
+    attached: function() {
+      const that = this;
+      wx.getSystemInfo({
+        success: function (res) {
+          that.setData({
+            statusBarHeight : res.statusBarHeight,
+            navBarHeight : res.statusBarHeight , // 顶部导航栏高度为 44px
+            jiaonangheight: wx.getMenuButtonBoundingClientRect().height, // 胶囊高度
+            jiaonangwidth:wx.getMenuButtonBoundingClientRect().width,
+          })
+        },
+      })
+    }
+  },
+  /**
+   * 组件的方法列表
+   */
+  methods: {
+    back() {
+      wx.navigateBack();
+    }
+  }
+})

components/navigator/index.json

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

components/navigator/index.wxml

@@ -0,0 +1,9 @@
+<view class="navigator" style="height: {{(statusBarHeight + 46)}}px;">
+  <view class="navigatorTitle">
+
+    {{title}}
+  </view>
+  <view style="display: flex; width: 100%; background-color: transparent;height: 46px;position: absolute;bottom: 0;left: 0;;align-items:center;">
+    <image src="/assets/images/left.png" bind:tap="back" wx:if="{{canBack}}" class="back" />
+  </view>
+</view>

components/navigator/index.wxss

@@ -0,0 +1,23 @@
+/* components/navigator/index.wxss */
+.navigator {
+  overflow: hidden;
+  display: flex;
+  align-items: flex-end;
+  position: relative;
+}
+
+.navigatorTitle {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 46px;
+  width: 100%;
+}
+
+.back {
+  width: 40rpx;
+  height: 40rpx;
+  margin-left: 30rpx;
+  margin-top: 10rpx;
+  z-index: 100;
+}