<template>
  <div class="service-result">
    <image src="./components/img/service-success.png" />
    <h2> 申请成功，请等待管理员审批！</h2>
    <!-- <div class="text">
      <span>可在</span>
      <i>我的-进度查询</i>
      <span>中查看</span>
    </div> -->
    <div class="service-btn" hover-class="text-hover" @click="back">确定</div>
  </div>
</template>

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

      }
    },

    onLoad (query) {
      uni.setNavigationBarTitle({
        title: query.title
      })
    },

    methods: {
      back () {
        uni.navigateBack({
          delta: 2
        })
      }
    }
  }
</script>

<style lang="scss" scoped>
  .service-result {
    min-height: 100vh;
    padding-top: 96rpx;
    text-align: center;
    background: #fff;

    .service-btn {
      width: 558rpx;
      height: 88rpx;
      line-height: 88rpx;
      margin: 120rpx auto 0;
      text-align: center;
      background: #197DF0;
      font-size: 36rpx;
      color: #fff;
      box-shadow: 0px 8rpx 16rpx 0px rgba(0, 0, 0, 0.02);
      border-radius: 8rpx;
    }

    h2 {
      margin-bottom: 32rpx;
      color: #333333;
      font-size: 36rpx;
      font-weight: 600;
    }

    .text {
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 28rpx;
      color: #333;

      i {
        color: #467DFE;
      }
    }

    image {
      width: 192rpx;
      height: 192rpx;
    }
  }
</style>
