支付成功页面的优化

yvan.ni
1 parent e3a1140f
Showing 3 changed files with 122 additions and 33 deletions
pages/payment/pay_success/pay_success.js
pages/payment/pay_success/pay_success.wxml
pages/payment/pay_success/pay_success.wxss
@@ -30,6 +30,29 @@ Page({
 			});
       var type=options.type,order_sn=options.order_sn;
       var th=this,order=null;
+
+	  getApp().request.promiseGet("/api/weshop/ad/page?pid=1211&store_id=" + getApp().globalData.setting.stoid, {
+        data: {
+          enabled: 1
+        }
+      }).then(res => {
+        if (res.data.code == 0 && res.data.data.pageData && res.data.data.pageData.length > 0) {
+          var a = res.data.data.pageData;
+          var arr = new Array();
+          for (var i = 0; i < a.length; i++) {
+            var tt = {
+              'ad_code': getApp().globalData.setting.imghost + a[i].ad_code,
+              'media_link': '',
+              'ad_weapplink': a[i].ad_weapplink
+            };
+            arr.push(tt);
+          }
+          if (arr.length > 0) th.setData({
+            banner: arr,
+          });
+        }
+      })
+
  
  
 			// 卡项订单
@@ -117,4 +140,10 @@ Page({
      var  url= '/pages/index/index/index';
      getApp().goto(url)
   },
+
+  gotoshequn:function(e){
+	getApp().goto(e.currentTarget.dataset.url);
+  },
+
+
 })
 \ No newline at end of file
@@ -12,6 +12,39 @@
       </view>
     </view>
  
+    
+    <!-- 链接 -->
+    <view class="fs28 pd20" style="padding-top: 0;">
+			<view class="flex-center">
+			
+				<block wx:if="{{options.card == 1}}">
+					<!-- <view class="flex-center"> -->
+					  <navigator class="btn border c-6" url="/packageA/pages/details_serviceCard/details_serviceCard?order_id={{order.order_id}}">
+					    <view>订单详情</view>
+					  </navigator>
+					<!-- </view> -->
+					<!-- <view class="flex-center"> -->
+					  <navigator class="btn bg-red white mgl20" url="/pages/user/my_service/i_service">
+					    <view>立即预约</view>
+					  </navigator>
+					<!-- </view> -->
+				</block>
+				
+				<block wx:else>
+          
+          <navigator class="btn border c-6" bindtap="goto">
+            <view>回到首页</view>
+          </navigator>
+					<navigator class="btn bg-yellow white mgl20" url="/pages/user/order_list/order_list">
+					  <view>查看订单</view>
+					</navigator>
+				</block>
+				
+			</view>
+      
+    </view>
+    
+
     <!-- 支付信息 -->
     <view class="payitem_max fs28">
       <!-- 订单编号 -->
@@ -78,6 +111,8 @@
     <view class="line"></view>
   </view>
  
+
+
   <!-- 跳转链接 -->
   <view>
     <!-- 个人收货信息 -->
@@ -107,35 +142,10 @@
       </view>
     </view>
  
-    <!-- 链接 -->
-    <view class="fs28 pd20 mgt40">
-			<view class="flex">
-				
-				<block wx:if="{{options.card == 1}}">
-					<!-- <view class="flex-center"> -->
-					  <navigator class="btn f1 bg-yellow white" url="/packageA/pages/details_serviceCard/details_serviceCard?order_id={{order.order_id}}">
-					    <view>订单详情</view>
-					  </navigator>
-					<!-- </view> -->
-					<!-- <view class="flex-center"> -->
-					  <navigator class="btn f1 bg-red white mgl20" url="/pages/user/my_service/i_service">
-					    <view>立即预约</view>
-					  </navigator>
-					<!-- </view> -->
-				</block>
-				
-				<block wx:else>
-					<navigator class="btn f1 bg-yellow white" url="/pages/user/order_list/order_list">
-					  <view>查看订单</view>
-					</navigator>
-				</block>
-				
-			</view>
-      <view class="mgt30">
-        <navigator class="btn border c-6" bindtap="goto">
-          <view>回到首页</view>
-        </navigator>
-      </view>
-    </view>
   </view>
+</view>
+
+
+<view class="shequn" style="margin-top:20rpx；"  bindtap="gotoshequn" wx:if="{{banner}}" data-url="{{banner[0].ad_weapplink}}">
+   <image src="{{banner[0].ad_code}}" mode="scaleToFill" style="width: 100%;border-radius: 15rpx;" />
 </view>
 \ No newline at end of file
@@ -64,11 +64,12 @@ page {
  
 .btn {
 	box-sizing: border-box;
-	height: 80rpx;
-	line-height: 80rpx;
+	height: 75rpx;
+	line-height: 75rpx;
 	/* padding: 10rpx; */
 	text-align: center;
-  border-radius: 40rpx;
+  border-radius: 20rpx;
+  padding: 0 40rpx;
 }
  
 .pay_home {
@@ -94,3 +95,52 @@ page {
 .border {
 	border: 2rpx solid #ccc;
 }
+
+
+.shequn{
+  width: 94%;
+  margin:0 23rpx 23rpx 23rpx;
+  min-height: 260rpx;
+  background: white;
+  border-radius: 15rpx;
+  display: flex;
+}
+
+.shequnleft{
+  display: block;
+  width: 60%;
+  margin: 30rpx;
+}
+.shequnleft .one1{
+  display: flex;
+  width: 100%;
+  height: 110rpx;
+  line-height: 110rpx;
+  margin-top: -15rpx;
+  font-size: 30rpx;
+  color: #313131;
+  font-weight: bold;
+}
+.shequnleft .one2{
+  display: flex;
+  width: 100%;
+  color: #f39700;
+  font-size: 24rpx;
+}
+.shequnleft .one3{
+  display: flex;
+  width: 100%;
+  color: #313131;
+  font-size: 24rpx;
+}
+.shequnright{
+  display: flex;
+  width: 40%;
+  justify-content: center;
+  align-items: center;
+}
+
+.shequnright image{
+  width: 150rpx;
+  height: 150rpx;
+}