Browse Source

登录视频

dev
wenlele 3 years ago
parent
commit
8b772cc578
  1. BIN
      web/client/assets/video/login_bg.mp4
  2. 11
      web/client/src/sections/auth/containers/login.jsx

BIN
web/client/assets/video/login_bg.mp4

Binary file not shown.

11
web/client/src/sections/auth/containers/login.jsx

@ -28,7 +28,8 @@ const Login = props => {
return (
<div style={{
// height: '100vh',
width: '100%',
height: '100%',
// backgroundImage: "url('/assets/images/background/loginBackground.gif')",
// backgroundSize: 'cover',
// backgroundRepeat: 'no-repeat',
@ -37,7 +38,7 @@ const Login = props => {
<video
autoPlay loop muted
style={{
width: "100%", objectFit: "cover", objectPosition: 'left top', height: 'calc(100vh - 4px)'
width: 'calc(100% - 512px)', objectFit: "cover", objectPosition: 'left top', height: '100%'
}}
src="/assets/video/login_bg.mp4"
type="video/mp4"
@ -58,7 +59,7 @@ const Login = props => {
objectFit: "cover",
objectPosition: 'left top',
position: 'absolute',
top: 139,
top: 100,
left: 41,
zIndex: 5,
fontSize: 14,
@ -104,7 +105,7 @@ const Login = props => {
label='用户名'
placeholder='请输入账号'
prefix={<IconUser style={{ color: '#1859C1', marginRight: 14, marginLeft: 8 }} />}
style={{ background: '#FFFFFF', height: 46, marginBottom: 33, border: '1px solid #E0EFFF', borderRadius: '4px' }}
style={{ background: '#FFFFFF', height: 46, marginBottom: 33, border: '1px solid rgb(185 211 239)', borderRadius: '4px' }}
/>
<Form.Input
field='password'
@ -114,7 +115,7 @@ const Login = props => {
placeholder='请输入密码'
label='密码'
prefix={<IconLock style={{ color: '#1859C1', marginRight: 14, marginLeft: 8 }} />}
style={{ background: '#FFFFFF', height: 46, border: '1px solid #E0EFFF', borderRadius: '4px' }}
style={{ background: '#FFFFFF', height: 46, border: '1px solid rgb(185 211 239)', borderRadius: '4px' }}
/>
<img src="/assets/images/background/xiangqi.png" style={{ width: 112, height: 14, margin: "4px 0 0 278px" }} />
<Button htmlType='submit' block theme="solid" loading={isRequesting} style={{ marginTop: 56, height: 46, backgroundColor: '#005ABD', borderRadius: '3px' }}>立即登录</Button>

Loading…
Cancel
Save