0000
This commit is contained in:
5
pages/orderPaySuccess/matchList/matchList.js
Normal file
5
pages/orderPaySuccess/matchList/matchList.js
Normal file
@@ -0,0 +1,5 @@
|
||||
Component({
|
||||
properties: {},
|
||||
data: {},
|
||||
methods: {}
|
||||
});
|
||||
4
pages/orderPaySuccess/matchList/matchList.json
Normal file
4
pages/orderPaySuccess/matchList/matchList.json
Normal file
@@ -0,0 +1,4 @@
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents": {}
|
||||
}
|
||||
23
pages/orderPaySuccess/matchList/matchList.wxml
Normal file
23
pages/orderPaySuccess/matchList/matchList.wxml
Normal file
@@ -0,0 +1,23 @@
|
||||
<view class="info-wrap">
|
||||
<view class="module-title">
|
||||
<view class="tit">搭配更优惠 <view class="line"></view>
|
||||
</view>
|
||||
</view>
|
||||
<navigator class="tuijian-goods" href="#/info/index?id=764&cid=99999991" wx:for="{{2}}">
|
||||
<view class="lt">
|
||||
<image mode="widthFix" src="http://q990.img.aiyichuan.com/urm_huodong/20200331/1585643794622.jpg?imageView2/1/w/400/h/400"></image>
|
||||
</view>
|
||||
<view class="tuijian-rt">
|
||||
<view class="goods-name">【新会】椰子鸡再次返场!9.9元起抢「骨汁恋·星汇店」100元代金券!</view>
|
||||
<view class="goods-info">
|
||||
<view class="price">
|
||||
<view class="lt">
|
||||
<view class="now-price">¥9.90</view>
|
||||
<view class="old-price">¥100.00</view>
|
||||
</view>
|
||||
<view class="btn">立即抢购</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</navigator>
|
||||
</view>
|
||||
137
pages/orderPaySuccess/matchList/matchList.wxss
Normal file
137
pages/orderPaySuccess/matchList/matchList.wxss
Normal file
@@ -0,0 +1,137 @@
|
||||
.info-wrap {
|
||||
background-color: #fff;
|
||||
border-top: 3.2vw solid #f8f8f8;
|
||||
padding: 0 4vw 5.333vw;
|
||||
}
|
||||
|
||||
.module-title {
|
||||
color: #2a2a2a;
|
||||
font-size: 4.267vw;
|
||||
font-weight: 700;
|
||||
line-height: 1;
|
||||
margin: 5.333vw 0 8.533vw;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.module-title .tit {
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.module-title .line {
|
||||
background-color: #06a2b3;
|
||||
border-radius: .8vw;
|
||||
height: .8vw;
|
||||
left: 35%;
|
||||
margin-top: 2.133vw;
|
||||
position: absolute;
|
||||
top: 100%;
|
||||
width: 30%;
|
||||
}
|
||||
|
||||
.tuijian-goods {
|
||||
border-radius: 1.6vw;
|
||||
box-shadow: 0 1.067vw 2.667vw 0 rgba(0,0,0,.08);
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
padding: 3.6vw;
|
||||
}
|
||||
|
||||
.tuijian-goods .lt {
|
||||
-ms-flex-negative: 0;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.tuijian-goods .lt image {
|
||||
display: block;
|
||||
height: 26vw;
|
||||
width: 26vw;
|
||||
}
|
||||
|
||||
.tuijian-goods .tuijian-rt {
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-box-direction: normal;
|
||||
-webkit-box-pack: justify;
|
||||
-ms-flex-pack: justify;
|
||||
-webkit-box-flex: 1;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
flex: 1;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
margin-left: 3.2vw;
|
||||
}
|
||||
|
||||
.tuijian-goods .vip-price {
|
||||
width: max-content;
|
||||
}
|
||||
|
||||
.tuijian-goods .goods-name {
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-line-clamp: 2;
|
||||
color: #2a2a2a;
|
||||
display: -webkit-box;
|
||||
font-size: 3.733vw;
|
||||
font-weight: 500;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
word-break: break-all;
|
||||
}
|
||||
|
||||
.tuijian-goods .goods-info .price {
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
-webkit-box-pack: justify;
|
||||
-ms-flex-pack: justify;
|
||||
align-items: center;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.tuijian-goods .goods-info .now-price {
|
||||
color: #eb5252;
|
||||
font-size: 3.467vw;
|
||||
font-weight: 500;
|
||||
margin-right: 3.2vw;
|
||||
}
|
||||
|
||||
.tuijian-goods .goods-info .old-price {
|
||||
color: #9b9b9b;
|
||||
font-size: 3.2vw;
|
||||
text-decoration: line-through;
|
||||
}
|
||||
|
||||
.tuijian-goods .goods-info .btn {
|
||||
-ms-flex-negative: 0;
|
||||
background-color: #06a2b3;
|
||||
border-radius: .933vw;
|
||||
color: #fff;
|
||||
flex-shrink: 0;
|
||||
font-size: 3.2vw;
|
||||
height: 6.667vw;
|
||||
line-height: 6.667vw;
|
||||
text-align: center;
|
||||
width: 18.667vw;
|
||||
}
|
||||
|
||||
.vip-price {
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
background-color: #2a2a2a;
|
||||
border-radius: .8vw;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
font-size: 2.933vw;
|
||||
margin-right: 2.667vw;
|
||||
}
|
||||
50
pages/orderPaySuccess/orderPaySuccess.js
Normal file
50
pages/orderPaySuccess/orderPaySuccess.js
Normal file
@@ -0,0 +1,50 @@
|
||||
var e = require("../../@babel/runtime/helpers/interopRequireDefault")(require("../../@babel/runtime/regenerator")), r = require("../../@babel/runtime/helpers/slicedToArray"), t = require("../../@babel/runtime/helpers/asyncToGenerator"), i = (getApp(),
|
||||
require("../../utils/login.js"));
|
||||
|
||||
require("../../utils/common.js");
|
||||
|
||||
Page({
|
||||
data: {
|
||||
showLoding: !0,
|
||||
orderid: "",
|
||||
recommendedList: [],
|
||||
info: {}
|
||||
},
|
||||
onLoad: function(e) {
|
||||
this.setData({
|
||||
orderid: e.orderid || ""
|
||||
}), this.getOrderDetail();
|
||||
},
|
||||
getOrderDetail: function() {
|
||||
var n = this;
|
||||
return t(e.default.mark(function t() {
|
||||
var a, o, s;
|
||||
return e.default.wrap(function(e) {
|
||||
for (;;) switch (e.prev = e.next) {
|
||||
case 0:
|
||||
return n, e.prev = 1, a = n.data.orderid, e.next = 5, i.request(i.baseUrl + "shop/notify/paymentSuccessful", {
|
||||
orderid: a
|
||||
}, !0);
|
||||
|
||||
case 5:
|
||||
o = e.sent, console.log("getOrderDetail", o), (s = o.data).recommendedList.forEach(function(e) {
|
||||
var t = e.price.split("."), i = r(t, 2);
|
||||
e.price_buck = i[0], e.price_cent = i[1];
|
||||
}), n.setData({
|
||||
showLoding: !1,
|
||||
info: s,
|
||||
recommendedList: s.recommendedList
|
||||
}), e.next = 15;
|
||||
break;
|
||||
|
||||
case 12:
|
||||
e.prev = 12, e.t0 = e.catch(1), console.log(e.t0);
|
||||
|
||||
case 15:
|
||||
case "end":
|
||||
return e.stop();
|
||||
}
|
||||
}, t, null, [ [ 1, 12 ] ]);
|
||||
}))();
|
||||
}
|
||||
});
|
||||
7
pages/orderPaySuccess/orderPaySuccess.json
Normal file
7
pages/orderPaySuccess/orderPaySuccess.json
Normal file
@@ -0,0 +1,7 @@
|
||||
{
|
||||
"usingComponents": {
|
||||
"match-list": "./matchList/matchList",
|
||||
"recomond-list": "../goodsDetails/recomondList/recomondList",
|
||||
"page-loding": "../../template/pageLoding/pageLoding"
|
||||
}
|
||||
}
|
||||
22
pages/orderPaySuccess/orderPaySuccess.wxml
Normal file
22
pages/orderPaySuccess/orderPaySuccess.wxml
Normal file
@@ -0,0 +1,22 @@
|
||||
<page-loding wx:if="{{showLoding}}"></page-loding>
|
||||
<view class="pay-success">
|
||||
<view class="payok-top">
|
||||
<view class="icon">
|
||||
<image mode="widthFix" src="data:image/png;base64,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"></image>
|
||||
</view>
|
||||
<view class="tip">订单支付成功</view>
|
||||
<view class="price">¥{{info.pay_money}}</view>
|
||||
<view class="handle">
|
||||
<navigator class="btn thin-border" openType="reLaunch" url="/pages/orderDetails/orderDetails?orderid={{orderid}}">查看订单</navigator>
|
||||
<navigator class="btn thin-border" openType="reLaunch" url="/pages/mall/mall">再去逛逛</navigator>
|
||||
</view>
|
||||
</view>
|
||||
<view class="payok-section">
|
||||
<view class="payok-title">
|
||||
<view class="title">为您推荐</view>
|
||||
</view>
|
||||
<view class="wrap">
|
||||
<recomond-list list="{{recommendedList}}"></recomond-list>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
233
pages/orderPaySuccess/orderPaySuccess.wxss
Normal file
233
pages/orderPaySuccess/orderPaySuccess.wxss
Normal file
@@ -0,0 +1,233 @@
|
||||
.pay-success {
|
||||
background: #f5f5f5;
|
||||
}
|
||||
|
||||
.payok-top {
|
||||
background-color: #fff;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.payok-top .icon {
|
||||
padding-top: 6.667vw;
|
||||
}
|
||||
|
||||
.payok-top .icon image {
|
||||
display: block;
|
||||
height: 24vw;
|
||||
margin: 0 auto;
|
||||
width: 24vw;
|
||||
}
|
||||
|
||||
.payok-top .price {
|
||||
color: #eb5252;
|
||||
font-size: 6.933vw;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.payok-top .handle {
|
||||
-webkit-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
padding-bottom: 4vw;
|
||||
}
|
||||
|
||||
.payok-top .tip {
|
||||
color: #2a2a2a;
|
||||
font-size: 4vw;
|
||||
margin-bottom: 2vw;
|
||||
margin-top: 2vw;
|
||||
}
|
||||
|
||||
.payok-top .btn {
|
||||
border: 1px solid #b4b4b4;
|
||||
border-radius: 8vw;
|
||||
color: #2a2a2a;
|
||||
font-size: 3.733vw;
|
||||
line-height: 6.933vw;
|
||||
margin: 3.2vw auto 0;
|
||||
padding: 0 1.333vw;
|
||||
width: 20%;
|
||||
}
|
||||
|
||||
.payok-redlist {
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.payok-redlist .title {
|
||||
color: #2a2a2a;
|
||||
font-size: 3.733vw;
|
||||
font-weight: 700;
|
||||
margin: 0 auto 5.333vw;
|
||||
position: relative;
|
||||
width: max-content;
|
||||
}
|
||||
|
||||
.payok-redlist .title:after,.payok-redlist .title:before {
|
||||
background-color: #2a2a2a;
|
||||
content: "";
|
||||
height: .267vw;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
width: 3.467vw;
|
||||
}
|
||||
|
||||
.payok-redlist .title:before {
|
||||
left: -5.333vw;
|
||||
}
|
||||
|
||||
.payok-redlist .title:after {
|
||||
right: -5.333vw;
|
||||
}
|
||||
|
||||
.payok-redlist .lists {
|
||||
-webkit-overflow-scrolling: touch;
|
||||
overflow: hidden;
|
||||
overflow-x: auto;
|
||||
padding-bottom: 4vw;
|
||||
}
|
||||
|
||||
.payok-redlist .list {
|
||||
color: #ff985b;
|
||||
padding-left: 4vw;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.payok-redlist .list,.payok-redlist .list .item {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.payok-redlist .list .item {
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-box-direction: normal;
|
||||
-webkit-box-pack: justify;
|
||||
-ms-flex-pack: justify;
|
||||
background: rgba(255,39,65,.05);
|
||||
border: 1px solid #06a2b3;
|
||||
border-radius: 2vw;
|
||||
box-sizing: border-box;
|
||||
flex-direction: column;
|
||||
height: 24.133vw;
|
||||
justify-content: space-between;
|
||||
margin-right: 4vw;
|
||||
padding: 2.667vw;
|
||||
position: relative;
|
||||
width: 39.6vw;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.payok-redlist .list .item:after,.payok-redlist .list .item:before {
|
||||
background-color: #fff;
|
||||
border: 1px solid;
|
||||
border-color: inherit;
|
||||
border-radius: 50%;
|
||||
content: "";
|
||||
display: none;
|
||||
height: 4vw;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
width: 4vw;
|
||||
}
|
||||
|
||||
.payok-redlist .list .item:before {
|
||||
left: -2vw;
|
||||
}
|
||||
|
||||
.payok-redlist .list .item:after {
|
||||
right: -2vw;
|
||||
}
|
||||
|
||||
.payok-redlist .list .item .name {
|
||||
color: #2a2a2a;
|
||||
font-size: 3.733vw;
|
||||
height: 4.8vw;
|
||||
line-height: 4.8vw;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.payok-redlist .list .item .money {
|
||||
color: #fff;
|
||||
font-size: 4.133vw;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.payok-redlist .list .item .btm {
|
||||
-webkit-box-align: end;
|
||||
-ms-flex-align: end;
|
||||
-webkit-box-pack: justify;
|
||||
-ms-flex-pack: justify;
|
||||
align-items: flex-end;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.payok-redlist .list .item .intro {
|
||||
color: #2a2a2a;
|
||||
font-size: 3.2vw;
|
||||
margin-top: 2.133vw;
|
||||
}
|
||||
|
||||
.payok-redlist .list .item .btn {
|
||||
background-color: #06a2b3;
|
||||
border-radius: 2.667vw;
|
||||
color: #fff;
|
||||
font-size: 2.933vw;
|
||||
padding: .8vw 2.133vw;
|
||||
}
|
||||
|
||||
.payok-title .title {
|
||||
color: #2a2a2a;
|
||||
font-size: 4.8vw;
|
||||
font-weight: 700;
|
||||
margin: 0 auto;
|
||||
position: relative;
|
||||
width: max-content;
|
||||
}
|
||||
|
||||
.payok-title .title:after,.payok-title .title:before {
|
||||
background-color: #2a2a2a;
|
||||
content: "";
|
||||
height: .667vw;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
width: 2.667vw;
|
||||
}
|
||||
|
||||
.payok-title .title:before {
|
||||
left: -4.267vw;
|
||||
}
|
||||
|
||||
.payok-title .title:after {
|
||||
right: -4.267vw;
|
||||
}
|
||||
|
||||
.payok-section {
|
||||
background-color: #fff;
|
||||
margin-top: 3.2vw;
|
||||
}
|
||||
|
||||
.payok-title {
|
||||
padding: 6.667vw 0;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.wrap {
|
||||
margin: 0 5.333vw;
|
||||
}
|
||||
|
||||
.tuilist {
|
||||
padding: 0;
|
||||
}
|
||||
Reference in New Issue
Block a user