用户订单-预计到账收益订单列表内容的添加

pages/home-page/home-page.wxml

@@ -7,17 +7,20 @@
     </view>
   </view>
   <view class="revenue-information">
-    <view class="projected-revenue-content">
-      <view class="projected-revenue-item">
-      <view class="character-style">￥</view>
-      <view class="character-price">394.00</view>
-      </view>
-      <view class="revenue-item-text">
-      <view class="character-text">预计到账收益</view>
-      <image class="help-icon" src="https://common-1257637852.cos.ap-guangzhou.myqcloud.com/paidui-pay/help-icon.png" />
+    <navigator hover-class="none"  url="/pages/user-orders/user-orders">
+      <view class="projected-revenue-content">
+        <view class="projected-revenue-item">
+        <view class="character-style">￥</view>
+        <view class="character-price">394.00</view>
+        </view>
+        <view class="revenue-item-text">
+        <view class="character-text">预计到账收益</view>
+        <image class="help-icon" src="https://common-1257637852.cos.ap-guangzhou.myqcloud.com/paidui-pay/help-icon.png" />
+        </view>
+
       </view>
+    </navigator>
     
-    </view>
     <view class="segmentation"></view>
     <view class="projected-revenue-content">
       <view class="projected-revenue-item">

pages/home-page/home-page.wxss

@@ -187,7 +187,7 @@ button.refunded-button-style{
   line-height: 48rpx;
   font-family: "Microsoft YaHei";
   font-size: 24rpx;
-  color: #454545;
+  color: #999 !important;
   border-color: #E5E5E5;
   background: #fff;
   border-radius: 100rpx;

pages/user-orders/user-orders.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/user-orders/user-orders.json

@@ -0,0 +1,6 @@
+{
+  "navigationBarTitleText": "商户登录",
+  "enablePullDownRefresh": false,
+  "navigationBarBackgroundColor": "#F52F3E",
+  "navigationBarTextStyle": "white"
+}

pages/user-orders/user-orders.wxml

@@ -0,0 +1,23 @@
+<view class="page-bg">
+  <view class="login-copy-content">
+    <image class="login-copy-style" mode="aspectFill" src="https://common-1257637852.cos.ap-guangzhou.myqcloud.com/paidui-pay/login-copy.png"></image>
+  </view>
+  <view class="input-mobile-phone">
+    <input class="phone-input" bindinput= ""  name="phone" placeholder="请输入手机号" value="" />
+  </view>
+  <view class="input-validation">
+    <input class="mobile-verification" bindinput= ""  name="phone" placeholder="请输入短信验证码" value="" />
+    <button class="verification-button">获取验证码</button>
+  </view>
+  <navigator hover-class="none"  url="/pages/home-page/home-page">
+    <button class="login-button">登 录</button>
+  </navigator>
+  <view class="consent-agreement">
+        <view class="radio-style" bindtap='checkedTap'>
+          <radio checked="{{checked1}}"></radio>
+        </view>
+        <span class="agree-style">我同意</span>
+        <span class="orangeColor" catchtap="readFile" data-url="" data-txt="使用条款">《排队支付用户服务协议》</span>
+        <span class="orangeColor" catchtap="readFile" data-url="" data-txt="隐私政策">《隐私保护协议》</span>
+      </view>
+</view>

pages/user-orders/user-orders.wxss

@@ -0,0 +1,88 @@
+page{
+  background: #fff;
+}
+.page-bg{
+  width: 750rpx;
+  height: 1492rpx;
+  background: url("https://common-1257637852.cos.ap-guangzhou.myqcloud.com/paidui-pay/Login-bg.png") no-repeat center center;
+  background-size:cover;
+  padding: 0 30rpx;
+}
+image.login-copy-style{
+  width: 364rpx;
+  height: 200rpx;
+  background-size:cover;
+  margin: 90rpx 0;
+}
+.input-mobile-phone{
+  display: flex;
+  justify-content: left;
+  align-items: center;
+  width: 690rpx;
+  height: 88rpx;
+  background: #fff;
+  border-radius: 100rpx;
+  padding: 0 40rpx;
+  margin-bottom: 40rpx;
+}
+input.phone-input{
+  width: 690rpx;
+  font-family: "Microsoft YaHei";
+  font-size: 24rpx;
+  color: #999;
+}
+.input-validation{
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  width: 690rpx;
+  height: 88rpx;
+  background: #fff;
+  border-radius: 100rpx;
+  padding: 0 40rpx;
+  margin-bottom: 40rpx;
+}
+input.mobile-verification{
+  width: 400rpx;
+  font-family: "Microsoft YaHei";
+  font-size: 24rpx;
+  color: #999;
+}
+button.verification-button{
+  font-family: "Microsoft YaHei";
+  font-size: 24rpx;
+  color: #454545;
+  background: none;
+  border-radius: 100rpx;
+  border: 1rpx solid #fff;
+  margin: 0;
+}
+button{
+  border: none;
+}
+button.login-button{
+  width: 690rpx;
+  height: 88rpx;
+  line-height: 88rpx;
+  font-family: "Microsoft YaHei";
+  font-size: 30rpx;
+  color: #fff;
+  font-weight: bold;
+  background: #F52F3E;
+  border-radius: 100rpx;
+  margin-top: 90rpx;
+  border: none;
+}
+.consent-agreement{
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  margin-top: 36rpx;
+}
+.agree-style{
+  font-family: "Microsoft YaHei";
+  font-size: 24rpx;
+  color: #999;
+  margin-left: 10rpx;
+}
+