1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980 |
- <template>
- <view class="page-cont">
- <view class="icon-cont">
- <u-icon class="icon" name="checkmark" color="#fff" size="80"></u-icon>
- <view>支付成功</view>
- </view>
- <u-button @click="toOrderDetail" type="success">查看订单详情</u-button>
- <view class="back-btn">
- <u-button @click="toHome">返回首页</u-button>
- </view>
- </view>
- </template>
- <script>
- export default {
- data() {
- return {
- orderId: '' //订单id
- }
- },
- onLoad(option) {
- console.log(option,'option')
- this.orderId = option.id
- // 开启分享
- uni.showShareMenu({
- withShareTicket: true,
- menus: ['shareAppMessage', 'shareTimeline']
- })
- },
- methods: {
- // 查看订单详情
- toOrderDetail() {
- uni.redirectTo({
- url: '/pagesA/order/orderDetail?id=' + this.orderId
- })
- },
- // 返回首页
- toHome() {
- uni.reLaunch({
- url: '/pages/index/index'
- })
- }
- }
- }
- </script>
- <style lang="less">
- page{
- height: 100%;
- }
- .page-cont{
- width: 100%;
- height: 100%;
- background-color: #fff;
- padding: 0 40upx;
- .icon-cont{
- width: 100%;
- height: 400upx;
- display: flex;
- flex-direction: column;
- align-items: center;
- justify-content: center;
- >view{
- font-size: 30upx;
- margin-top: 40upx;
- }
- }
- .icon{
- width: 120upx;
- height: 120upx;
- background-color: #07c160;
- display: flex;
- justify-content: center;
- border-radius: 50%;
- }
- .back-btn{
- margin-top: 40upx;
- }
- }
- </style>
|