37 lines
1.1 KiB
Vue
37 lines
1.1 KiB
Vue
<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> |