3、支付结果 /items/result?point=1&orderNo=201903211035400001
<template>
<div>
<div class="toppic">
<img src="../../../assets/images/register/icon-success.png" alt="" srcset="">
</div>
<p class="success">支付成功</p>
<h2>{{point}} 积分</h2>
<div class="btm">
<div class="left" @click="back()">返回</div>
<div class="right" @click="view()">查看详情</div>
</div>
</div>
</template>
<style scoped>
.toppic {
padding-top: 1.8rem;
text-align: center;
}
.toppic img {
width: 3rem;
height: 3rem;
border-radius: 50%;
}
p.success {
text-align: center;
font-size: 0.6rem;
margin: 0px;
padding-top: 0.4rem;
}
h2 {
padding-top: 1.1rem;
text-align: center;
font-size: 1.2rem;
margin: 0px;
}
.btm {
display: flex;
padding: 1.2rem 0.95rem 0;
justify-content: space-between;
flex-wrap: nowrap;
font-size: 0.52rem;
}
.btm .left {
width: 4.29rem;
height: 1.2rem;
line-height: 1.2rem;
text-align: center;
background: #f6eef1;
border-radius: 0.6rem;
color: #ff0000;
border:1px solid #ff0000;
}
.btm .right {
width: 4.29rem;
height: 1.2rem;
line-height: 1.2rem;
text-align: center;
background: #ff0000;
border-radius: 0.6rem;
color: #fff;
border:1px solid #ff0000;
}
</style> <script>
export default {
data() {
return {
point: 0,
orderNo: 0
}
},
created: function() {
// var that = this
// window.addEventListener('popstate', function(e) {
// that.$router.go(-1)
// });
},
mounted() {
this.point = this.$route.query.point
this.orderNo = this.$route.query.orderNo
},
methods: {
back() {
this.$router.go(-1)
},
view() {
this.$router.replace({path: '/items/order/detail',query: {orderNo: this.orderNo}})
}
}
}
</script>
3、支付结果 /items/result?point=1&orderNo=201903211035400001的更多相关文章
- 2、订单填写页面 /items/write?skuId=10&orderNo=201903211033410001
<template> <div class="write"> <div class="adr" v-if="addres ...
- iOS--->微信支付小结
iOS--->微信支付小结 说起支付,除了支付宝支付之外,微信支付也是我们三方支付中最重要的方式之一,承接上面总结的支付宝,接下来把微信支付也总结了一下 ***那么首先还是由公司去创建并申请使用 ...
- Android 集成支付宝支付详解
一说到支付宝,相信没有人不知道,生活中付款,转账都会用到. 今天来详细介绍下在Android中如何集成支付宝支付到自己的APP中去.让APP能够拥有方便,快捷的支付功能. 准备工作: 商户在b.ali ...
- iOS-集成支付宝支付、微信支付简单总结
支付宝快捷支付: 官方文档中,支付宝说建议我们使用支付时要讲签名过程放在服务器端,这样安全.同时给的demo中签名是在本地移动端做的...不过支付宝的集成还是较简单的. 为了安全签名当然放后台做了.我 ...
- iOS----支付(微信支付、支付宝支付、银联支付控件集成支付)(转)
资料 支付宝 //文档idk都包含了安卓.iOS版 银 联 银联官网资料 Demo Demo给了一个订单号,做测试使用,若出现支付失败什么的,可能是已经被别人给支付了,或者是服务器订单过期了 ~ 一. ...
- Phonegap 之 iOS银联在线支付(js调用ios端银联支付控件)
Phonegap项目,做支付的时候,当把网站打包到ios或android端成app后,在app上通过wap调用银联在线存在一个问题: 就是当从银联支付成功后,再从服务器返回到app客户端就很难实现. ...
- 7.Android常用第三方支付
移动支付 用户使用移动的终端完成对所购买商品或者服务的支付功能;分为近场支付(蓝牙支付,刷卡,滴卡),和远程支付(网上支付,短信支付) app支付模块 常见的支付厂商-->常见的支付方式 支付宝 ...
- IOS开发之—— iOS 支付 [支付宝、银联、微信]
支付宝iOSsdk官方下载sdk地址:https://b.alipay.com/order/productDetail.htm?productId=2013080604609654&tabId ...
- iOS 支付 [支付宝、银联、微信](转载)
资料 支付宝 //文档idk都包含了安卓.iOS版 银 联 银联官网资料 Demo Demo给了一个订单号,做测试使用,若出现支付失败什么的,可能是已经被别人给支付了,或者是服务器订单过期了 ~ 一. ...
随机推荐
- c++简单实现对mysql数据库操作
1.连接数据库 #include <mysql.h> #include <iostream> #include<string> #include<vector ...
- Linux搭建bugfree
1.xampp安装包地址: 链接:https://pan.baidu.com/s/1Th2QvF77jvIGzMROoF2rbg 密码:yoar 2.因为我用的是xshell5连接Linux服务器,直 ...
- css文本是否换行
关于文本换行有三个属性: white-space word-break word-wrap white-space normal 默认.空白会被浏览器忽略 pre 空白会被浏览器保留.其行为方式类似 ...
- memcache 应用场景
一..memcache应用场景 1.应用场景一: 缓解数据库压力,提高交互速度.它的一个总原则是将经常需要从数据库读取的数据缓存在memcached中.这些数据也分为几类: (1).经常被读取并且实时 ...
- 软件工程第4次作业------石墨文档Android客户端案例分析
作业要求的博客链接:https://edu.cnblogs.com/campus/nenu/2016CS/homework/2505 分析产品:石墨文档Android客户端 第一部分 调研和评测 1. ...
- PythonStudy——逻辑运算符 Logical Operators
在Python中,None.任何数值类型中的0.空字符串“”.空元组().空列表[].空字典{}都被当作False,还有自定义类型,如果实现了 __ nonzero __ () 或 __ len __ ...
- oracle命令2
使用DDL创建和管理表 DBA角色:拥有全部特权,是系统最高权限,只有DBA才可以创建数据库结构,并且系统权限也需要DBA授出,且DBA用户可以操作全体用户的任意基表,包括删除 grant dba t ...
- Day 06 元组,字典,集合
元组 一.定义:参数为for可以循环的对象(可迭代对象) t2 = tuple("123")print(t2, type(t2))t3 = tuple([1, 2, 3])prin ...
- 1.1.20 Word不能保存问题
1.进入如下目录:C:\用户(user)\Administrator\AppData\Roaming\Microsoft\Templates 2.找到Normal和NormalOld的两个文件,删除. ...
- kafka原理和实践(五)spring-kafka配置详解
系列目录 kafka原理和实践(一)原理:10分钟入门 kafka原理和实践(二)spring-kafka简单实践 kafka原理和实践(三)spring-kafka生产者源码 kafka原理和实践( ...