exchange

package.json

@@ -19,6 +19,7 @@
   "dependencies": {
     "wepy": "^1.6.0",
     "wepy-async-function": "^1.4.4",
+    "wepy-cli": "^1.7.3",
     "wepy-com-toast": "^1.0.2"
   },
   "devDependencies": {

project.config.json

@@ -1,7 +1,7 @@
 {
 	"description": "游戏电商小程序",
 	"setting": {
-		"urlCheck": true,
+		"urlCheck": false,
 		"es6": false,
 		"postcss": false,
 		"minified": false,
@@ -32,7 +32,7 @@
 			"list": []
 		},
 		"miniprogram": {
-			"current": 0,
+			"current": 2,
 			"list": [
 				{
 					"id": 0,
@@ -47,6 +47,13 @@
 					"pathName": "pages/buyvip",
 					"query": "token=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IjVjNmUxYjk3NDA5MGY5NTYxM2M3YjgxOSIsImFjY291bnRfaWQiOiI2MDAxXzgwMDNfb0pZYXA1WlZSV0RGRm9Qd09GcGllQmVNRkVocyIsInNlc3Npb25faWQiOiIxNTUwNzU0Njg5XzE1NTA3MTc1OTRfYjA5YTVmOWYxODM0NDFmOWUxMDk1MGJmOTUyZTRjMjFfNTcyOWRkOWYyMzQ5NzdlM2IwMGNjOGFjYWRjMjFiOTQiLCJpYXQiOjE1NTA3NTQ2ODl9.GkUGGb2vwTE1xgZ-UKwl6Tfs3NFawE2V3ZAH91_syY4",
 					"scene": null
+				},
+				{
+					"id": -1,
+					"name": "exchange-result",
+					"pathName": "pages/exchange-result",
+					"query": "",
+					"scene": null
 				}
 			]
 		}

src/app.wpy

@@ -30,7 +30,8 @@ export default class extends wepy.app {
       'pages/index',
       'pages/product',
       'pages/buyvip',
-      'pages/detail'
+      'pages/detail',
+      'pages/exchange-result'
     ],
     window: {
       backgroundTextStyle: 'light',

src/pages/exchange-record.wpy

@@ -0,0 +1,37 @@
+<style lang="less">
+
+</style>
+<template>
+    <view class="container">
+        
+    </view>
+</template>
+
+<script>
+import wepy from 'wepy'
+import http from '../utils/http'
+
+export default class ExchangeResult extends wepy.page {
+  config = {
+    navigationBarTitleText: '兑换结果',
+  }
+
+  data = {
+    status: 1,
+  }
+
+  methods = {
+    
+  }
+
+  onShow() {
+
+  }
+
+
+
+
+
+
+}
+</script>

src/pages/exchange-result.wpy

@@ -0,0 +1,113 @@
+<style lang="less">
+.container {
+  padding: 200rpx 100rpx 0;
+  .result {
+    font-size: 64rpx;
+    margin-bottom: 32rpx;
+    .txt {
+      display: block;
+      width: 100%;
+      margin-bottom: 48rpx;
+      text-align: center;
+    }
+    &.success {
+      .txt {
+        color: #f44;
+      }
+      .item {
+        border: 1px solid #f0f0f0;
+        height: 200rpx;
+        margin: 32rpx 0;
+        overflow: hidden;
+        .item-img {
+          width: 200rpx;
+          height: 100%;
+          margin-right: 32rpx;
+          float: left;
+        }
+        .item-desc {
+          font-size: 36rpx;
+          .text {
+            display: block;
+            line-height: 100rpx;
+          }
+          .item-info {
+            color: #f44;
+          }
+        }
+      }
+
+      .code-wrap {
+        box-sizing: border-box;
+        width: 500rpx;
+        padding: 20rpx 32rpx;
+        margin: 64rpx;
+        border: 1px solid #f0f0f0;
+        text-align: center;
+        font-size: 32rpx;
+      }
+    }
+    &.fail {
+      .txt {
+        color: #666;
+      }
+      .fail-img {
+        width: 300rpx;
+        height: 300rpx;
+      }
+    }
+  }
+
+  .btn-view {
+    color: #1989fa;
+    font-size: 28rpx;
+    text-decoration: underline;
+  }
+}
+</style>
+<template>
+    <view class="container">
+
+        <view class="result success">
+            <text class="txt">兑换成功</text>
+            <view class="item">
+                <image
+                    mode="cover"
+                    src="http://iph.href.lu/300x300"
+                    class="item-img"
+                ></image>
+                <view class="item-desc">
+                    <text class="text item-title">5元话费券</text>
+                    <text class="text item-info">￥5.00</text>
+                </view>
+
+            </view>
+            <view class="code-wrap">
+                <text class="code">xde23dacaf2</text>
+            </view>
+        </view>
+
+        <text class="btn-view">兑换记录</text>
+    </view>
+</template>
+
+<script>
+import wepy from 'wepy'
+import http from '../utils/http'
+
+export default class ExchangeResult extends wepy.page {
+  config = {
+    navigationBarTitleText: '兑换结果',
+  }
+
+  data = {
+
+  }
+
+  methods = {}
+
+  onShow(options) {
+    console.log(options.refrence)
+  }
+}
+</script>