From bffad7ed501df27ed84432c693a9707e045bff71 Mon Sep 17 00:00:00 2001
From: zuoxiao <470321431@qq.com>
Date: 星期五, 01 三月 2024 11:15:08 +0800
Subject: [PATCH] 添加充值记录界面
---
pages/wallet/wallet.js | 2
app.json | 6
pages/rechargeList/rechargeList.wxml | 40 ++++++++++
pages/rechargeList/rechargeList.wxss | 60 +++++++++++++++
pages/recharge/recharge.js | 6 +
pages/rechargeList/rechargeList.js | 109 +++++++++++++++++++++++++++
pages/rechargeList/rechargeList.json | 4 +
pages/recharge/recharge.wxml | 2
8 files changed, 222 insertions(+), 7 deletions(-)
diff --git a/app.json b/app.json
index e63624b..82be6e8 100644
--- a/app.json
+++ b/app.json
@@ -1,6 +1,6 @@
{
"pages": [
-
+ "pages/rechargeList/rechargeList",
"pages/wallet/wallet",
"pages/home/home",
"pages/login/login",
@@ -21,7 +21,8 @@
"tabBar": {
"color": "#000000",
"selectedColor": "#2D8BF7",
- "list": [{
+ "list": [
+ {
"pagePath": "pages/home/home",
"text": "棣栭〉",
"iconPath": "/images/home_grey.png",
@@ -32,7 +33,6 @@
"text": "鐢靛瓙閽卞寘",
"iconPath": "/images/wallet_grey.png",
"selectedIconPath": "/images/wallet_blue.png"
-
},
{
"pagePath": "pages/my/my",
diff --git a/pages/recharge/recharge.js b/pages/recharge/recharge.js
index 1e0d871..0f5aea1 100644
--- a/pages/recharge/recharge.js
+++ b/pages/recharge/recharge.js
@@ -22,7 +22,11 @@
}
},
-
+ moveToRechargeList:function(e){
+ wx.navigateTo({
+ url: '/pages/rechargeList/rechargeList'
+ })
+ },
diff --git a/pages/recharge/recharge.wxml b/pages/recharge/recharge.wxml
index 0e96a50..ee2d6d2 100644
--- a/pages/recharge/recharge.wxml
+++ b/pages/recharge/recharge.wxml
@@ -63,7 +63,7 @@
<text >鍏呭��</text>
</view>
<view class="rechageList-view">
- <text class="rechageList">鍏呭�艰褰�</text>
+ <text class="rechageList" bind:tap="moveToRechargeList">鍏呭�艰褰�</text>
</view>
</view>
diff --git a/pages/rechargeList/rechargeList.js b/pages/rechargeList/rechargeList.js
new file mode 100644
index 0000000..a7d6937
--- /dev/null
+++ b/pages/rechargeList/rechargeList.js
@@ -0,0 +1,109 @@
+// pages/rechargeList/rechargeList.js
+Page({
+
+ /**
+ * 椤甸潰鐨勫垵濮嬫暟鎹�
+ */
+ data: {
+ listData: [{
+ orderNumber: "25425154351",
+ time: "2024-01-14 15:34:25",
+ state: "浠樻鎴愬姛",
+ money: "200"
+ },
+ {
+ orderNumber: "25425154351",
+ time: "2024-01-14 15:34:25",
+ state: "浠樻鎴愬姛",
+ money: "200"
+ }, {
+ orderNumber: "25425154351",
+ time: "2024-01-14 15:34:25",
+ state: "浠樻鎴愬姛",
+ money: "200"
+ }, {
+ orderNumber: "25425154351",
+ time: "2024-01-14 15:34:25",
+ state: "浠樻鎴愬姛",
+ money: "200"
+ }, {
+ orderNumber: "25425154351",
+ time: "2024-01-14 15:34:25",
+ state: "浠樻鎴愬姛",
+ money: "200"
+ }, {
+ orderNumber: "25425154351",
+ time: "2024-01-14 15:34:25",
+ state: "浠樻鎴愬姛",
+ money: "200"
+ }, {
+ orderNumber: "25425154351",
+ time: "2024-01-14 15:34:25",
+ state: "浠樻鎴愬姛",
+ money: "200"
+ }
+ ],
+ array: ['閫夐」1', '閫夐」2', '閫夐」3', '閫夐」4'],
+ index: 0
+ },
+ bindPickerChange: function (e) {
+ this.setData({
+ index: e.detail.value
+ });
+ },
+ /**
+ * 鐢熷懡鍛ㄦ湡鍑芥暟--鐩戝惉椤甸潰鍔犺浇
+ */
+ onLoad(options) {
+
+ },
+
+ /**
+ * 鐢熷懡鍛ㄦ湡鍑芥暟--鐩戝惉椤甸潰鍒濇娓叉煋瀹屾垚
+ */
+ onReady() {
+
+ },
+
+ /**
+ * 鐢熷懡鍛ㄦ湡鍑芥暟--鐩戝惉椤甸潰鏄剧ず
+ */
+ onShow() {
+
+ },
+
+ /**
+ * 鐢熷懡鍛ㄦ湡鍑芥暟--鐩戝惉椤甸潰闅愯棌
+ */
+ onHide() {
+
+ },
+
+ /**
+ * 鐢熷懡鍛ㄦ湡鍑芥暟--鐩戝惉椤甸潰鍗歌浇
+ */
+ onUnload() {
+
+ },
+
+ /**
+ * 椤甸潰鐩稿叧浜嬩欢澶勭悊鍑芥暟--鐩戝惉鐢ㄦ埛涓嬫媺鍔ㄤ綔
+ */
+ onPullDownRefresh() {
+
+ },
+
+ /**
+ * 椤甸潰涓婃媺瑙﹀簳浜嬩欢鐨勫鐞嗗嚱鏁�
+ */
+ onReachBottom() {
+
+ },
+
+ /**
+ * 鐢ㄦ埛鐐瑰嚮鍙充笂瑙掑垎浜�
+ */
+ onShareAppMessage() {
+
+ }
+})
\ No newline at end of file
diff --git a/pages/rechargeList/rechargeList.json b/pages/rechargeList/rechargeList.json
new file mode 100644
index 0000000..3c3d11b
--- /dev/null
+++ b/pages/rechargeList/rechargeList.json
@@ -0,0 +1,4 @@
+{
+ "navigationBarTitleText": "鍏呭�艰褰�",
+ "navigationBarTextStyle": "white"
+}
\ No newline at end of file
diff --git a/pages/rechargeList/rechargeList.wxml b/pages/rechargeList/rechargeList.wxml
new file mode 100644
index 0000000..ca6c1d3
--- /dev/null
+++ b/pages/rechargeList/rechargeList.wxml
@@ -0,0 +1,40 @@
+<!--pages/rechargeList/rechargeList.wxml-->
+<view class="base-wrapper">
+<view>
+ <picker mode="selector" range="{{array}}" bindchange="bindPickerChange">
+ <view class="picker">
+ 褰撳墠閫夋嫨锛歿{array[index]}}
+ </view>
+ </picker>
+
+
+</view>
+<scroll-view class="scroll-view" scroll-y="true">
+ <view class="scroll-bg">
+ <view class="list-item" wx:for="{{listData}}" wx:for-item="item" wx:for-index="index">
+ <view>
+ <view class="order-code">
+ <text>璁㈠崟缂栧彿锛�</text>
+ <text>{{item.orderNumber}}</text>
+ </view>
+ <view>
+ <text class="order-time">{{item.time}}</text>
+ </view>
+
+ </view>
+ <view class="order-right">
+ <view class="money-wrapper">
+ <text>{{item.money}}</text>
+ <text>鍏�</text>
+ </view>
+ <text class="order-state">{{item.state}}</text>
+ </view>
+ </view>
+ </view>
+ </scroll-view>
+
+
+
+</view>
+
+
diff --git a/pages/rechargeList/rechargeList.wxss b/pages/rechargeList/rechargeList.wxss
new file mode 100644
index 0000000..2bb068d
--- /dev/null
+++ b/pages/rechargeList/rechargeList.wxss
@@ -0,0 +1,60 @@
+
+.base-wrapper {
+ background-color: #f5f5f5;
+ width: 100%;
+ height: 100vh;
+ overflow: hidden;
+ /* 闃叉搴曢儴鍖哄煙婊氬姩 */
+ display: flex;
+ flex-direction: column;
+}
+
+
+.list-item {
+ background-color: #fff;
+ margin-top: 10rpx;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ padding-left: 30rpx;
+ padding-right: 30rpx;
+ padding-top: 40rpx;
+ padding-bottom: 40rpx;
+ margin-left: 20rpx;
+ margin-right: 20rpx;
+}
+
+.scroll-view {
+ margin-top: 30rpx;
+ flex: 1;
+ overflow-y: auto;
+ /* 鍏佽鍨傜洿婊氬姩 */
+ z-index: 0;
+}
+
+.order-right {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+}
+
+.money-wrapper text {
+ font-size: 50rpx;
+ color: #1890FF;
+}
+
+.order-state {
+ font-size: 30rpx;
+ color: #000000;
+ opacity: 0.7;
+
+}
+.order-code text{
+ font-size: 35rpx;
+ color: #000000;
+}
+.order-time{
+ font-size: 35rpx;
+ color: #000000;
+ opacity: 0.7;
+}
\ No newline at end of file
diff --git a/pages/wallet/wallet.js b/pages/wallet/wallet.js
index ed2a812..d2b9f02 100644
--- a/pages/wallet/wallet.js
+++ b/pages/wallet/wallet.js
@@ -43,8 +43,6 @@
state: "浠樻鎴愬姛",
money: "200"
}
-
-
]
},
--
Gitblit v1.8.0