Skip to content

登录页 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

暂无数据

Released under the MIT License.