interest-purchase/src/pageSubs/orders/result.vue

<!--
 * @Descripttion: 提交订单结果
 * @version: 1.0.0
 * @Author: dream
 * @Date: 2021-03-26 14:00:59
 * @LastEditors: dream
 * @LastEditTime: 2021-03-31 11:04:42
-->
<template>
	<view class="order-submit-res">
    <view class="main-area iph-bg-fff">
      <view class="res-icon iph-icon-res-success"></view>
      <view class="res-text u-m-t-40 u-font-36 u-line-50">支付成功</view>
      <view class="res-desc u-m-t-16">请耐心等候您的订单</view>
    </view>
    <button class="back-btn">返回</button>
  </view>
</template>

<script>
export default {
  name: 'orderResult',
  data () {
    return {

    }
  },
  methods: {

  }
}
</script>

<style lang="scss" scoped>
.order-submit-res {
  .main-area {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 64px 32px;
    .res-text {
      color: $iph-prompt-text;
    }
    .res-desc {
      color: $iph-desc-text;
    }
  }
  .res-icon {
    width: 128px;
    height: 128px;
  }
  .back-btn {
    margin-top: 48px;
    padding: 22px 0;
    width: 686px;
    height: 88px;
    line-height: 44px;
    font-size: 32px;
    text-align: center;
    color: $iph-standby-text;
    background-color: $u-type-primary;
  }
}
</style>