You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
78 lines
1.7 KiB
78 lines
1.7 KiB
<template> |
|
<div class="step2"> |
|
<div class="step2-form"> |
|
<BasicForm @register="register" /> |
|
</div> |
|
<Divider /> |
|
<h3>说明</h3> |
|
<h4>转账到支付宝账户</h4> |
|
<p> |
|
如果需要，这里可以放一些关于产品的常见问题说明。如果需要，这里可以放一些关于产品的常见问题说明。如果需要，这里可以放一些关于产品的常见问题说明。 |
|
</p> |
|
|
|
<h4>转账到银行卡</h4> |
|
<p> |
|
如果需要，这里可以放一些关于产品的常见问题说明。如果需要，这里可以放一些关于产品的常见问题说明。如果需要，这里可以放一些关于产品的常见问题说明。 |
|
</p> |
|
</div> |
|
</template> |
|
<script lang="ts" setup> |
|
import { BasicForm, useForm } from '@/components/Form' |
|
import { genInfoSchemas } from './data' |
|
|
|
import { Divider } from 'ant-design-vue' |
|
const emit = defineEmits(['next']) |
|
const [register, { validate }] = useForm({ |
|
labelWidth: 120, |
|
schemas: genInfoSchemas, |
|
actionColOptions: { |
|
span: 14 |
|
}, |
|
showResetButton: false, |
|
submitButtonOptions: { |
|
text: '下一步' |
|
}, |
|
submitFunc: customSubmitFunc |
|
}) |
|
|
|
async function customSubmitFunc() { |
|
try { |
|
const values = await validate() |
|
emit('next', values) |
|
} catch (error) {} |
|
} |
|
</script> |
|
<style lang="less" scoped> |
|
.step2 { |
|
&-form { |
|
width: 450px; |
|
margin: 0 auto; |
|
} |
|
|
|
h3 { |
|
margin: 0 0 12px; |
|
font-size: 16px; |
|
line-height: 32px; |
|
color: @text-color; |
|
} |
|
|
|
h4 { |
|
margin: 0 0 4px; |
|
font-size: 14px; |
|
line-height: 22px; |
|
color: @text-color; |
|
} |
|
|
|
p { |
|
color: @text-color; |
|
} |
|
} |
|
|
|
.pay-select { |
|
width: 20%; |
|
} |
|
|
|
.pay-input { |
|
width: 70%; |
|
} |
|
</style>
|
|
|