<template>
  <view class="success_page">
    <hs-all-page-bg />
    <view class="success_content">
      <view class="success_header">
          <uni-icons type="checkbox-filled" size="50" :color="getStyleColorValueInfo()"></uni-icons> <text>提交成功</text>
        </view>
        <view class="success_des">
          <view> 等待后台审核，审核预计一个工作日，请耐心等待 </view>
          <view>
            审核进度可在<text @click="handleREturnHome('/pages/me/index')" :style="getStyleColorInfo()">【个人中心-房屋审核】</text
            >查看
          </view>
        </view>

        <view class="success_fooer">
          <hs-button
            label="返回首页"
            @click="handleREturnHome('/pages/index/index')"
            type="primary"
            size="md"
          />
        </view>
    </view>
  </view>
</template>

<script setup lang="ts">
  import {getStyleColorValueInfo,getStyleColorInfo} from '@/common/libraries/getPageConfig'
const handleREturnHome = (url: string) => {
  uni.switchTab({
    url: url
  })
}
</script>

<style lang="scss" scoped>
  .success_content{
  position: relative;
  z-index: 100;
}
.success_page {
  width: 100%;
  height: 100vh;
  background-color: #f8f8f8;
  // background: linear-gradient(180deg, #d8e7ff 0%, rgba(255, 255, 255, 0) 400rpx);
  .success_header {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 44rpx;
    color: #333;
    padding: 280rpx 0 60rpx 0;
    font-weight: 500;
    text {
      padding-left: 10rpx;
    }
  }
  .success_des {
    font-size: 28rpx;
    color: #333;
    text-align: center;
    line-height: 60rpx;
    text {
      color: #0082fa;
    }
  }
  .success_fooer {
    position: fixed;
    bottom: 90rpx;
    left: 0;
    right: 0;
    text-align: center;
    padding: 40rpx 200rpx 0 200rpx;
  }
}
</style>
