wupengfei
昨天 acfb2642072dcfd1d5cf789af3cc5cbf3b7cb51e
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
<template>
  <ContentScrollView class="authenticationHome-page-view">
    <div class="authenticationHome-page-title">实名认证</div>
    <authenticationHomeItem
      title="个人实名认证"
      :icon="IconFaren"
      :info="[['身份证照片'], ['手机号码(接收短信验证码进行短信核验)']]"
      @click="goRealName"
    ></authenticationHomeItem>
    <authenticationHomeItem
      title="实人认证"
      isJBR
      :icon="IconJBR"
      :info="[['实人扫脸认证']]"
      @click="goFace"
    >
    </authenticationHomeItem>
  </ContentScrollView>
</template>
 
<script setup lang="ts">
import authenticationHomeItem from './authenticationHomeItem.vue';
import IconFaren from '@/assets/authentication/icon-faren.png';
import IconJBR from '@/assets/authentication/icon-jbr.png';
import Taro from '@tarojs/taro';
 
defineOptions({
  name: 'InnerPage',
});
 
function goRealName() {
  Taro.navigateTo({ url: RouterPath.authenticationRealName });
}
 
function goFace() {
  Taro.navigateTo({ url: RouterPath.authenticationFace });
}
</script>
 
<style lang="scss">
@import '@/styles/common.scss';
 
.authenticationHome-page-wrapper {
  .authenticationHome-page-view {
    padding-top: 48px;
    background-color: transparent;
 
    .authentication-home-item-info {
      flex-direction: column;
    }
  }
 
  .authenticationHome-page-title {
    font-weight: 600;
    font-size: 44px;
    color: #2f4879;
    line-height: 60px;
    margin-bottom: 44px;
  }
 
  .authenticationHome-page-title-btn {
    font-weight: bold;
    font-size: 24px;
    color: boleGetCssVar('color', 'primary');
    line-height: 34px;
    margin-left: 24px;
  }
}
</style>