'完成订单详情页修改'

app.json

@@ -1,8 +1,10 @@
 
 {
     "pages": [
-        "pages/receivedInvitationList/receivedInvitationList",
+        "pages/orderDetail/orderDetail",
+        "pages/myOrder/myOrder",
         "pages/receivedInvitation/receivedInvitation",
+        "pages/receivedInvitationList/receivedInvitationList",
         "pages/sendInvitationList/sendInvitationList",
         "pages/sendInvitation/sendInvitation",
         "pages/authenticationDetail/authenticationDetail",
@@ -29,9 +31,7 @@
         "pages/suggestDetail/suggestDetail",
         "pages/writeSuggestion/writeSuggestion",
         "pages/myCollectTeacher/myCollectTeacher",
-        "pages/orderDetail/orderDetail",
         "pages/teacherList/teacherList",
-        "pages/myOrder/myOrder",
         "pages/index/index",
         "pages/stuList/stuList",
         "pages/teachAuthentication/teachAuthentication",

pages/orderDetail/orderDetail.js

@@ -5,8 +5,8 @@ Page({
      * 页面的初始数据
      */
     data: {
-        pay: true,
-        payStatus:'已支付',
+        pay: false,
+        payStatus:'待支付',
         payDays:4,
         id:'teacher'
     },

pages/orderDetail/orderDetail.wxml

@@ -52,6 +52,12 @@
         <text>支付倒计时</text>
         <text class="orderPayTime">00:32:02</text>
     </view>
+    <view class="warning" wx:if="{{!pay}}">
+        <view class="warningDetail">
+            <text>重要提醒：</text>
+            <text>如需退款，请在支付后5日内操作，过期不受理。</text>
+        </view>
+    </view>
     <view class="payWrapper">
         <view wx:if="{{pay}}" class="pay">
             <view wx:if="{{payStatus == '已支付' && payDays < 5 && id == 'teacher'}}" class="paidSucceed">

pages/orderDetail/orderDetail.wxss

@@ -67,7 +67,7 @@
 
 /* 支付倒计时 */
 .orderPay{
-    margin-top: 160rpx;
+    margin-top: 40rpx;
     display: flex;
     align-items: baseline;
 }
@@ -79,6 +79,22 @@
     color: red;    
 }
 
+/* 提醒信息 */
+.warning{
+    display: flex;
+    justify-content: center;    
+    margin-top: 60rpx;
+}
+/* 提醒信息详情 */
+.warningDetail{
+    width: 80%;
+    display: flex;
+    flex-direction: column;
+    font-size: 44rpx;
+    font-weight: bold;
+    color: red;
+}
+
 /* 支付及查看信息按钮居中排列 */
 .payWrapper{
     display: flex;