<!--
 * @Author: jiangzaicheng jiangzaicheng_jzc@163.com
 * @Date: 2022-07-07 16:13:13
 * @LastEditors: jiangzaicheng jiangzaicheng_jzc@163.com
 * @LastEditTime: 2022-07-27 10:21:28
 * @FilePath: \mcep-h5\src\components\common\Bottom.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->

<template>
  <!-- <div> -->
  <div class="roolsolt">
    <div class="rarle">
      <tatle-bar :tatle="tatleName"></tatle-bar>
    </div>
    <div style="width:90%;margin: 10% auto;">
      <span style="font-size: 18px;
    font-weight: 900;
    /* margin-top: 10%; */
    line-height: 6;
    margin-left: 12%;">
        尊敬的用户您好：
      </span>
      <br />
      <span style="    font-size: 16px; line-height: 3;">
        &nbsp;&nbsp; &nbsp; &nbsp;&nbsp;
        欢迎使用视频互动审核服务，为了保障您的合法权益，请您务必审慎阅读，充分理解协议条款内容。在您选择并同意本协议之后，即表示您已详细阅读如下条款，并同意服务提供者及XXX使用并传送相关数据用于业务办理。
      </span>
    </div>
    <div>
      <van-checkbox v-model="checked" style="padding:0% 4%;">
        <span>同意授权，查看<a href="#">协议内容</a></span>
      </van-checkbox>
    </div>
    <div class="info">
      <van-button class="vbutton" :disabled="!checked" block type="info" @click="recognition()">发起视频</van-button>
    </div>
  </div>
</template>

<script lang="ts">
import { Component, Vue, Prop, Watch, Emit } from "vue-property-decorator";
/*
* title
*/
@Component({
  name: "Agreement"
})
export default class Agreement extends Vue {
  //实名认证
  tatleName = "实名认证"
  checked: boolean = false;
  //人脸识别
  recognition(){
    this.$router.push({
      name:"recognition"
    })
  }
}
</script>
<style scoped lang="scss">
.vbutton {
  border-radius: 4%;
}
.info {
  width: 90%;
  margin: 6% auto;
}
</style>