兑换记录页面

src/app.json

@@ -58,7 +58,8 @@
         "pages/goToHome/goToHome",
         "pages/noPermission/noPermission",
         "pages/scanCoupon/scanCoupon",
-        "pages/scanCouponStoreList/scanCouponStoreList"
+        "pages/scanCouponStoreList/scanCouponStoreList",
+        "pages/recordList/recordList"
       ]
     },
     {

src/project.config.json

@@ -39,7 +39,7 @@
 			"list": []
 		},
 		"miniprogram": {
-			"current": 16,
+			"current": 62,
 			"list": [
 				{
 					"id": -1,
@@ -448,6 +448,13 @@
 					"name": "我招募的总会员数",
 					"pathName": "shoppingGuid/page/pages/myMemberList/myMemberList",
 					"query": ""
+				},
+				{
+					"id": -1,
+					"name": "兑换记录列表",
+					"pathName": "subPackage/page/pages/recordList/recordList",
+					"query": "",
+					"scene": null
 				}
 			]
 		}

src/subPackage/page/pages/recordList/recordList.js

+// subPackage/page/pages/recordList/recordList.js
+const wxService = require('../../../../utils/wxService')
+const utils = require('../../../../utils/util')
+
+wxService.page({
+  /**
+   * 页面的初始数据
+   */
+  data: {
+    recordList: [
+      {
+        name: '500积分换xx',
+        time: '2019-12-2 15:20:54',
+        address: '上海市浦东新区上海市浦东新区上海市浦东新区',
+        point: '-500积分',
+      },
+      {
+        name: '500积分换xx',
+        time: '2019-12-2 15:20:54',
+        address: '上海市浦东新区上海市浦东新区上海市浦东新区',
+        point: '-500积分',
+      },{
+        name: '500积分换xx',
+        time: '2019-12-2 15:20:54',
+        address: '上海市浦东新区上海市浦东新区上海市浦东新区',
+        point: '-500积分',
+      }
+    ]
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad: function (options) {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload: function () {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh: function () {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom: function () {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage: function () {
+
+  }
+})
\ No newline at end of file

src/subPackage/page/pages/recordList/recordList.json

+{
+  "navigationBarTitleText": "兑换记录"
+}
\ No newline at end of file

src/subPackage/page/pages/recordList/recordList.wxml

+<!--subPackage/page/pages/recordList/recordList.wxml-->
+<view class="record-list">
+  <block wx:for="{{recordList}}" wx:key="{{index}}" wx:for-item="item">
+    <view class="list-item">
+      <view class="list-desc">
+        <view class="desc-name">{{item.name}}</view>
+        <view class="desc-time">{{item.time}}</view>
+        <view class="desc-address">{{item.address}}</view>
+      </view>
+      <view class="list-point">{{item.point}}</view>
+    </view>
+  </block>
+</view>
+

src/subPackage/page/pages/recordList/recordList.wxss

+/* subPackage/page/pages/recordList/recordList.wxss */
+@import "/base/base.wxss";
+
+.record-list {
+  border-top: 1px solid rgba(151, 151, 151, 1);
+  padding: 0 20rpx;
+  box-sizing: border-box;
+}
+.list-item {
+  display: flex;
+  height: 164rpx;
+  border-bottom: 1px solid rgba(151, 151, 151, 1);
+  padding: 35rpx 20rpx 34rpx 20rpx;
+  box-sizing: border-box;
+  overflow: hidden;
+  align-items: center;
+  justify-content: space-between;
+}
+.list-desc {
+  text-align: left;
+}
+.desc-name {
+  height: 30rpx;
+  color: rgba(51, 51, 51, 1);
+  font-size: 30rpx;
+}
+
+.desc-time,
+.desc-address {
+  color: rgba(170, 170, 170, 1);
+  font-size: 22rpx;
+}
+.desc-address {
+  width: 352rpx;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 1;
+  overflow: hidden;
+}
+.desc-time {
+  padding: 6rpx 0 7rpx 0;
+}
+.list-point {
+  color: rgba(0, 0, 0, 1);
+  font-size: 24rpx;
+  text-align: right;
+}