登录页 LoginPage
基于 arco-pro 的 登录页快速成型组件
希儿
希儿
拜托了,另一个我!
vue
<script lang="ts" setup>
import { LoginForm, LoginPage } from '@vrx-arco/pro-components'
import { Card } from '@arco-design/web-vue'
import loginBanner from '/images/login-banner.png'
const handleSubmit = () => {
return Promise.reject(Error('登录'))
}
</script>
<template>
<Card>
<div style="height: 500px">
<LoginPage
title="希儿"
logo="//p3-armor.byteimg.com/tos-cn-i-49unhts6dw/dfdba5317c0c20ce20e64fac803d52bc.svg~tplv-49unhts6dw-image.image"
banner-title="希儿天下第一"
banner-subtitle="黑希铠甲合体"
:banner-image="loginBanner"
form-title="希儿"
form-subtitle="拜托了,另一个我!"
@submit="handleSubmit"
/>
</div>
</Card>
</template>API
<login-page> Props
<login-page> Slots
<login-page> Events
