WECHAT-UNIAPP/pages/succeed1/succeed1.vue

<template>
  <view class="succeed">
    <view class="icon"></view>
    <view class="text">订单支付成功</view>
    <!-- #ifdef MP-WEIXIN -->
    <view class="focus"> 更多优惠，请关注我们的公众号 </view>
    <official-account class="official"></official-account>
    <!-- #endif    -->
    <!--    <view class="menu">
      <navigator class="text1" url="/pages/index/index">回到首页</navigator>
      <navigator class="text2" url="/pages/confirm/confirm">回到首页</navigator>
    </view> -->
  </view>
</template>

<script>
  export default {
    data() {
      return {

      }
    },
    methods: {

    }
  }
</script>

<style lang="scss">
  page {
    width: 100vw;
    height: 100vh;

    .succeed {
      text-align: center;

      .icon {
        margin-top: 300rpx;
        display: inline-block;
        width: 181rpx;
        height: 181rpx;
        background: url(../../static/icon/cg.2x.png) no-repeat 0px 0px;
        background-size: 100% 100%;
      }

      .text {
        margin-top: 20rpx;
        font-size: 34rpx;
        font-weight: 600;
      }

      .focus {
        margin-top: 100rpx;
        display: inline-block;
        font-weight: 500;
        height: 40rpx;
        font-size: 28rpx;
        color: #c4c4c4;
        line-height: 40rpx;
      }

      .official {
        display: inline-block;
        width: 700rpx;
        text-align: left;
      }

      // .menu {
      //   width: 600rpx;
      //   height: 150rpx;
      //   background: #ffffff;
      //   box-shadow: 0px 2rpx 10rpx 5rpx rgba(227, 227, 227, 0.5);
      //   border-radius: 20rpx;
      //   display: flex;
      //   flex-direction: row;
      //   justify-content: space-around;
      //   align-items: center;
      //   position: absolute;
      //   top: 50vh;
      //   left: 10vw;

      //   navigator {
      //     height: 150rpx;
      //     font-size: 30rpx;
      //     font-weight: 500;
      //     color: #111111;
      //     line-height: 150rpx;
      //   }
      // }
    }
  }
</style>