Quellcode durchsuchen

添加支付结果页

wangxin vor 6 Jahren
Ursprung
Commit
de2b6638c5
6 geänderte Dateien mit 45 neuen und 0 gelöschten Zeilen
  1. 1 0
      app.json
  2. BIN
      static/img/ok.png
  3. 11 0
      template/pay/index.js
  4. 3 0
      template/pay/index.json
  5. 5 0
      template/pay/index.wxml
  6. 25 0
      template/pay/index.wxss

+ 1 - 0
app.json

@@ -1,5 +1,6 @@
 {
   "pages": [
+    "template/pay/index",
     "template/carts/index",
     "template/home/index",
     "template/login/index",

BIN
static/img/ok.png


+ 11 - 0
template/pay/index.js

@@ -0,0 +1,11 @@
+Page({
+
+  data: {
+    
+  },
+
+  onLoad: function (options) {
+    
+  }
+  
+})

+ 3 - 0
template/pay/index.json

@@ -0,0 +1,3 @@
+{
+  "navigationBarTitleText": "农小盒"
+}

+ 5 - 0
template/pay/index.wxml

@@ -0,0 +1,5 @@
+<image class='pay-ok' src='/static/img/ok.png'></image>
+<view class='pay-result-h1'>下单成功</view>
+<view class='pay-result-h2'>您的订单已经支付成功,马上为您发货!</view>
+<button class='look-order-detail nxh__button'>查看订单详情</button>
+<button class='share-friends nxh__button'>分享给朋友</button>

+ 25 - 0
template/pay/index.wxss

@@ -0,0 +1,25 @@
+page {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+}
+.pay-ok {
+  width: 120rpx;
+  height: 120rpx;
+  margin-top: 150rpx;
+}
+.pay-result-h1 {
+  font-size: 40rpx;
+  margin: 20rpx 0 15rpx;
+}
+.pay-result-h2 {
+  font-size: 30rpx;
+  color: #666;
+}
+.look-order-detail {
+  margin: 70rpx 0 30rpx;
+  background: #fff;
+  border:1rpx solid #539804;
+  color: #539804;
+}