52 lines
1.6 KiB
Vue
52 lines
1.6 KiB
Vue
<script setup>
|
|
import {useI18n} from "vue-i18n";
|
|
import XVanSelect from '@/components/x-van-select/index.vue'
|
|
import XVanDate from '@/components/x-van-date/index.vue'
|
|
|
|
definePageMeta({
|
|
layout: 'default',
|
|
i18n: 'menu.profile',
|
|
})
|
|
const {t} = useI18n()
|
|
const showPicker = ref(false)
|
|
const showPicker1 = ref(false)
|
|
const onConfirm = () => {
|
|
|
|
}
|
|
const columns = ref([
|
|
{text: t('realAuth.male'), value: 1},
|
|
{text: t('realAuth.female'), value: 2},
|
|
])
|
|
</script>
|
|
|
|
<template>
|
|
<div
|
|
class="w-[100vw] bg-[url('@/static/images/asdfsdd.png')] h-screen-nav bg-cover pt-43px flex-grow-1 flex flex-col px-34px">
|
|
<div class="text-16px text-#191919">
|
|
请填写个人相关信息
|
|
</div>
|
|
<div>
|
|
<van-field type="tel" :label-width="161" label="文本" class="mb-10px" placeholder="请输入手机号">
|
|
<template #label>
|
|
<div class="flex">
|
|
<div class="mr-41px whitespace-nowrap">手机号</div>
|
|
<div>
|
|
<span class="mr-13px">+ 86</span>
|
|
<van-icon name="arrow-down" class="text-#777777"/>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</van-field>
|
|
<van-field label="姓名" class="mb-10px" placeholder="请输入姓名"/>
|
|
<x-van-select label="性别" :columns="columns"/>
|
|
<x-van-date label="出生日期"/>
|
|
<van-field label="家庭住址" class="mb-10px" placeholder="请输入家庭住址"/>
|
|
<van-field label="所属银行" class="mb-10px" placeholder="请输入所属银行"/>
|
|
<van-field label="银行卡号码" class="mb-10px" placeholder="请输入银行卡号码"/>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<style scoped>
|
|
|
|
</style> |