<template>
  <view class="fillinfo flexCCol">
    <view class="fillinfo-title">完善个人信息</view>
    <view class="subtitle">为了更好体验，请尽快完善个人信息</view>
    <image src="/static/images/fillinfo.png" class="logo" mode="aspectFill" />
    <up-button color="#05B8D2" shape="circle" text="我已准备好，去认证" throttleTime="1500" @click="proxy.$h.jumpUrl(`/pages2/auth/step`), emit('close', false)"></up-button>
    <view class="er" @click="emit('close', false)">稍后完善</view>
  </view>
</template>

<script setup lang="ts">
import { ref, getCurrentInstance, ComponentPublicInstance } from 'vue'
const { proxy } = getCurrentInstance() as { proxy: ComponentPublicInstance }
const emit = defineEmits(['close'])
</script>

<style lang="scss" scoped>
.fillinfo {
  box-sizing: border-box;
  padding: 68rpx 110rpx 60rpx;
  &-title {
    color: #333333;
    font-size: 42rpx;
    font-weight: 700;
    margin-bottom: 22rpx;
  }
  .subtitle {
    color: #666666;
    font-size: 26rpx;
    margin-bottom: 42rpx;
  }
  .logo {
    width: 270rpx;
    height: 270rpx;
    margin-bottom: 22rpx;
  }
  .er {
    color: #999999;
    font-size: 28rpx;
    margin-top: 42rpx;
  }
}
</style>