8d01653dac
- 添加签名面板页面，实现签名提交和清除功能 - 更新个人信息页面布局，增加下一步按钮 - 新增协议页面，实现支付前协议展示和同意签字功能 - 在 uno.config.js 中添加自定义样式规则，用于覆盖默认按钮样式
58 lines
1.9 KiB
Vue
58 lines
1.9 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-77px flex-grow-1 flex flex-col ">
|
|
<div class="text-16px text-#191919 font-bold mb-40px px-34px">
|
|
请填写个人相关信息
|
|
</div>
|
|
<div class="grow-1 px-34px">
|
|
<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 class="h-81px bg-#fff flex justify-center pt-7px border-t">
|
|
<van-button color="#2B53AC" class="w-213px van-btn-h-38px">下一步</van-button>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<style scoped lang="scss">
|
|
:deep(.van-cell.van-field){
|
|
padding-left: 0;
|
|
}
|
|
|
|
</style> |