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

components/cell/index.js

@@ -0,0 +1,29 @@
+// components/cell/index.js
+Component({
+
+  /**
+   * 组件的属性列表
+   */
+  properties: {
+    title: String,
+    rightArrow: { type: Boolean, value: true },
+    borderBottom: Boolean,
+    openType: String,
+  },
+
+  /**
+   * 组件的初始数据
+   */
+  data: {
+
+  },
+
+  /**
+   * 组件的方法列表
+   */
+  methods: {
+    click() {
+      this.triggerEvent("click")
+    }
+  }
+})

components/cell/index.json

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

components/cell/index.wxml

@@ -0,0 +1,28 @@
+<!--components/cell/index.wxml-->
+
+<template name="rightIcon">
+  <image src="/assets/images/right.png" class="rightIcon" />
+</template>
+
+<template name="content">
+  <view wx:if="{{!rightArrow}}">
+      {{title}}
+    </view>
+    <view wx:else style="display: flex; justify-content: space-between;align-items: center; width: 100%;">
+      {{title}}
+      <template is="rightIcon" />
+    </view>
+</template>
+
+<view class="cellWrapper" wx:if="{{!openType}}" bind:tap="click">
+  <view class="content">
+    <template is="content" data="{{title, rightArrow}}" />
+  </view>
+  <view class="borderBottom border" wx:if="{{borderBottom}}"></view>
+</view>
+<view wx:else  bind:tap="click">
+  <button class="button" open-type="{{openType}}" 	plain="true">
+    <template is="content" data="{{title, rightArrow}}" />
+  </button>
+  <view class="borderBottom border" wx:if="{{borderBottom}}"></view>
+</view>

components/cell/index.wxss

@@ -0,0 +1,24 @@
+/* components/cell/index.wxss */
+@import "/app.wxss";
+.content {
+  padding: 20rpx 24rpx;
+  background-color: #fff;
+  line-height: 42rpx;
+  font-size: 36rpx;
+}
+
+.button {
+  background-color: #fff !important;
+  padding: 20rpx 24rpx !important;
+  border: none !important;
+  line-height: 42rpx !important;
+  font-size: 36rpx !important;
+  display: flex !important;
+  justify-content: left !important;
+  border-radius: 0;
+}
+
+.rightIcon {
+  width: 32rpx;
+  height: 32rpx;
+}