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

Loading…
Cancel
Save