<template> <div> <title-bar title="个人客户风险检查" @clickLeft="onClick"> <van-icon slot="left" name="cross" size="24" /> </title-bar> <img class="svgClass" src="../../../../assets/svg/explore.svg" /> <img class="past" src="../../../../assets/svg/past.svg" /> <p class="word">年龄(18-60)是否通过;</p> <img class="pastA" src="../../../../assets/svg/past.svg" /> <p class="wordA">名单核查是否通过(与随意分检查规则一致);</p> <img class="pastA" src="../../../../assets/svg/past.svg" style="left: 26%; top: 46%" /> <p class="wordA" style="left: 31%; top: 50%">司法核查是否通过(名下是否有失信被执行记录、名下是否有执行记录);</p> <img class="pastA" src="../../../../assets/svg/past.svg" style="left: 26%; top: 51%" /> <p class="wordA" style="left: 31%; top: 55%">是否属于我行关联人;</p> <img class="pastA" src="../../../../assets/svg/past.svg" style="left: 26%; top: 56%" /> <p class="wordA" style="left: 31%; top: 60%">是否属于我行特殊关联自然人;</p> <img class="pastA" src="../../../../assets/svg/past.svg" style="left: 26%; top: 61%" /> <p class="wordA" style="left: 31%; top: 65%">是否我行员工;</p> <van-button type="info" round style="position: absolute; left: 27%; top: 74%; width: 47%; height: 6%; background-color: rgba(255, 87, 108, 1)" @click="goBack">知道了</van-button> </div> </template> <script lang="ts"> import { Component, Vue } from "vue-property-decorator"; /** * @Description:个人客户风险检查 * @author pd * @date 2021-11-06 16:43:14 */ @Component({ name: "CustomCheckInfo", }) export default class CustomCheckInfo extends Vue { onClick() { console.log(111111); } goBack() { this.$router.go(-1); } } </script> <style lang="scss" scoped> .svgClass { position: absolute; left: 39%; top: 12%; width: 22%; height: 23%; } .past { position: absolute; left: 26%; top: 36%; width: 4%; height: 12%; } .pastA { position: absolute; left: 26%; top: 41%; width: 4%; height: 12%; } .word { font-family: "苹方-简"; font-weight: 400; font-size: 138%; line-height: 62%; left: 31%; top: 40%; position: absolute; } .wordA { font-family: "苹方-简"; font-weight: 400; font-size: 138%; line-height: 62%; left: 31%; top: 45%; position: absolute; } </style>