<script setup>

</script>

<template>
<div class="px-[31px] bg-#fff w-100vw h-100vh pt-[46px]">
  <van-tabs>
    <van-tab  title="大陆居民" class="pt-[80px]">
      <div class="text-[#BDBDBD] text-[16px] mb-[34px]">请填写身份证相关信息</div>
      <div class="mb-[100px]">
        <div class="border-b-[1.7px] mt-[8px]">
          <van-field label="身份证号" clearable placeholder="请输入身份证号"></van-field>
        </div>
        <div class="border-b-[1.7px] mt-[8px]">
          <van-field label="姓名" clearable placeholder="请输入姓名"></van-field>
        </div>
      </div>
      <div class="flex justify-between">
        <van-button style="width: 151px;height: 48px" color="#E9F1F8">
          <div class="text-#2B53AC text-16px">取消</div>
        </van-button>
        <van-button style="width: 151px;height: 48px" color="#2B53AC">
          <div class="text-#FFFFFF text-16px">确定</div>
        </van-button>
      </div>
    </van-tab>
    <van-tab title="非大陆居民">内容 2</van-tab>
  </van-tabs>
</div>
</template>

<style scoped>
:deep(.van-tabs__line){
  height: 2px;
  width: 107px;
}
</style>