用户提现历史页面内容的天际及布局调整优化

app.json

@@ -4,7 +4,8 @@
     "pages/home-page/home-page",
     "pages/user-orders/user-orders",
     "pages/withdrawal-management/withdrawal-management",
-    "pages/account-opened/account-opened"
+    "pages/account-opened/account-opened",
+    "pages/withdrawal-history/withdrawal-history"
   ],
   "requiredPrivateInfos": [
     "chooseAddress"

pages/account-opened/account-opened.wxml

@@ -1,6 +1,6 @@
 <view class="user-withdrawal-bg">
   <view class="withdrawal-management">
-    <navigator hover-class="none"  url="/pages/withdrawal-management/withdrawal-management">
+    <navigator hover-class="none"  url="/pages/withdrawal-history/withdrawal-history">
     <button class="withdrawal-button">提现历史</button>
     </navigator>
   </view>

pages/home-page/home-page.wxml

@@ -22,6 +22,7 @@
     </navigator>
     
     <view class="segmentation"></view>
+    <navigator hover-class="none"  url="/pages/withdrawal-management/withdrawal-management">
     <view class="projected-revenue-content">
       <view class="projected-revenue-item">
       <view class="character-style">￥</view>
@@ -33,6 +34,8 @@
       </view>
 
     </view>
+    </navigator>
+
   </view>
   <view class="recent-orders-content">
     <view class="recent-orders-title">

pages/withdrawal-history/withdrawal-history.js

@@ -0,0 +1,127 @@
+// pages/pregnant-mother/pregnant-mother.js
+
+
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+    background: ['demo-text-1', 'demo-text-2', 'demo-text-3'],
+    indicatorDots: true,
+    vertical: false,
+    autoplay: true,
+    interval: 2000,
+    duration: 500,
+    nvabarData: {
+        title: '', //导航栏 中间的标题
+        keyWord: '',
+        search: true
+    },
+    height: ''
+  },
+
+  
+  changeIndicatorDots() {
+    this.setData({
+      indicatorDots: !this.data.indicatorDots
+    })
+  },
+
+  changeAutoplay() {
+    this.setData({
+      autoplay: !this.data.autoplay
+    })
+  },
+
+  intervalChange(e) {
+    this.setData({
+      interval: e.detail.value
+    })
+  },
+
+  durationChange(e) {
+    this.setData({
+      duration: e.detail.value
+    })
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad(options) {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow() {
+   
+     // 清除搜索框 调用子组件的清空函数
+     this.selectComponent('#bar').clearInput();
+     // 每个机型的尺寸不一致  
+     // 在app.js中获取到的 statusBarHeight 用于控制头部的高度
+     
+     this.setData({
+       //  height: app.globalData.height,
+     })
+     this.setData({
+         'nvabarData.inputValue': ''
+     })
+
+     if (typeof this.getTabBar === 'function' &&
+        this.getTabBar()) {
+        this.getTabBar().setData({
+          selected: 1
+        })
+      }
+  },
+
+  search: function(e) {
+    this.getTask(e.detail);
+},
+
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload() {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh() {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom() {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage() {
+
+  }
+})

pages/withdrawal-history/withdrawal-history.json

@@ -0,0 +1,6 @@
+{
+  "navigationBarTitleText": "用户提现历史",
+  "enablePullDownRefresh": false,
+  "navigationBarBackgroundColor": "#fff",
+  "navigationBarTextStyle": "black"
+}

pages/withdrawal-history/withdrawal-history.wxml

@@ -0,0 +1,58 @@
+<view class="page-content">
+  <view class="flow-item">
+    <view class="flowing-information">
+      <view class="serial-number">流水号: 139812983213</view>
+      <view class="withdrawal-status">提现成功</view>
+      <view class="withdrawal-time">2023-11-28  15:45:39</view>
+    </view>
+    <view class="withdrawal-limit">-￥458.00</view>
+  </view>
+  <view class="flow-item">
+    <view class="flowing-information">
+      <view class="serial-number">流水号: 139812983213</view>
+      <view class="withdrawal-status">提现成功</view>
+      <view class="withdrawal-time">2023-11-28  15:45:39</view>
+    </view>
+    <view class="withdrawal-limit">-￥458.00</view>
+  </view>
+  <view class="flow-item">
+    <view class="flowing-information">
+      <view class="serial-number">流水号: 139812983213</view>
+      <view class="withdrawal-status">提现成功</view>
+      <view class="withdrawal-time">2023-11-28  15:45:39</view>
+    </view>
+    <view class="withdrawal-limit">-￥458.00</view>
+  </view>
+  <view class="flow-item">
+    <view class="flowing-information">
+      <view class="serial-number">流水号: 139812983213</view>
+      <view class="withdrawal-status">提现成功</view>
+      <view class="withdrawal-time">2023-11-28  15:45:39</view>
+    </view>
+    <view class="withdrawal-limit">-￥458.00</view>
+  </view>
+  <view class="flow-item">
+    <view class="flowing-information">
+      <view class="serial-number">流水号: 139812983213</view>
+      <view class="withdrawal-status">提现成功</view>
+      <view class="withdrawal-time">2023-11-28  15:45:39</view>
+    </view>
+    <view class="withdrawal-limit">-￥458.00</view>
+  </view>
+  <view class="flow-item">
+    <view class="flowing-information">
+      <view class="serial-number">流水号: 139812983213</view>
+      <view class="withdrawal-status">提现成功</view>
+      <view class="withdrawal-time">2023-11-28  15:45:39</view>
+    </view>
+    <view class="withdrawal-limit">-￥458.00</view>
+  </view>
+  <view class="flow-item">
+    <view class="flowing-information">
+      <view class="serial-number">流水号: 139812983213</view>
+      <view class="withdrawal-status">提现成功</view>
+      <view class="withdrawal-time">2023-11-28  15:45:39</view>
+    </view>
+    <view class="withdrawal-limit">-￥458.00</view>
+  </view>
+</view>

pages/withdrawal-history/withdrawal-history.wxss

@@ -0,0 +1,40 @@
+page{
+  background: #F7F7F7;
+}
+.page-content{
+  margin-top: 10rpx;
+  background: #fff;
+  padding: 30rpx;
+  padding-top: 0;
+}
+.flow-item{
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 30rpx 0;
+  border-bottom: 1rpx solid #eee;
+}
+.serial-number{
+  font-family: 'PingFang SC', sans-serif;
+  font-size: 26rpx;
+  color: #454545;
+  font-weight: bold;
+}
+.withdrawal-status{
+  font-family: 'PingFang SC', sans-serif;
+  font-size: 26rpx;
+  color: #666666;
+  padding: 10rpx 0;
+}
+.withdrawal-time{
+  font-family: 'PingFang SC', sans-serif;
+  font-size: 26rpx;
+  color: #666666;
+}
+.withdrawal-limit{
+  font-family: 'PingFang SC', sans-serif;
+  font-size: 26rpx;
+  color: #454545;
+  font-weight: bold;
+}
+