.login { width: 100%; height: 100%; background-image: url('./images/bg.jpg'); background-size: 100% 100%; .login-header { display: flex; align-items: center; height: 80px; background-color: rgba(21, 20, 13, 0.5); img { width: 40px; height: 40px; margin: 0 15px 0 50px; } h1 { font-size: 30px; color: white; } } .login-content { width: 400px; height: 300px; background-color: #fff; margin: 50px auto; padding: 20px 40px; h2 { text-align: center; font-size: 30px; font-weight:bold; margin-bottom: 20px; } .login-form { .login-form-button { width: 100%; } } } }
到此这篇关于详解对于React结合Antd的Form组件实现登录功能的文章就介绍到这了,更多相关React Antd Form登录内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
您可能感兴趣的文章: