react-umi-2-4.登录页

最新推荐文章于 2024-07-18 16:40:00 发布

An_s

最新推荐文章于 2024-07-18 16:40:00 发布

阅读量720

点赞数

CC 4.0 BY-SA版权

分类专栏： umi3+egg中台实战项目文章标签： javascript reactjs typescript

本文链接：https://blog.youkuaiyun.com/echo_Ae/article/details/110823319

umi3+egg中台实战项目专栏收录该内容

32 篇文章 ¥59.90 ¥99.00

订阅专栏

超级会员免费看

这篇博客介绍了使用React Umi框架创建登录页面的过程，虽然作者自评设计一般，但展示了如何结合typescript进行开发。文章提供了index.tsx和index.less的源代码，并期待下篇关于菜单列表页的内容。

(⊙o⊙)…也确实没有设计天赋。。。登录页有点丑。

图片资源下载

index.tsx

import React from 'react';
import { history } from 'umi';
import { message } from 'antd';
import ProForm, { ProFormText } from '@ant-design/pro-form';
import { UserOutlined, LockOutlined } from '@ant-design/icons';
import style from './index.less'

export default () => {
  return (
    <div className={style.loginBg}>
      <div className={style.loginContainer}>
        <div className={style.loginContent}>
          <ProForm
            onFinish={async () => {

了解本专栏