Browse Source

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

master
W夏日 2 years ago
parent
commit
ac8571b179
  1. 3
      app.json
  2. 2
      pages/account-opened/account-opened.wxml
  3. 3
      pages/home-page/home-page.wxml
  4. 127
      pages/withdrawal-history/withdrawal-history.js
  5. 6
      pages/withdrawal-history/withdrawal-history.json
  6. 58
      pages/withdrawal-history/withdrawal-history.wxml
  7. 40
      pages/withdrawal-history/withdrawal-history.wxss

3
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"

2
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>

3
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">

127
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() {
}
})

6
pages/withdrawal-history/withdrawal-history.json

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

58
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>

40
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;
}
Loading…
Cancel
Save