Browse Source

首页页面

dev
wenlele 1 year ago
parent
commit
501fd614cd
  1. BIN
      web/client/assets/video/login_bg.mp4
  2. BIN
      web/client/assets/video/poms.png
  3. BIN
      web/client/assets/video/priming.gif
  4. BIN
      web/client/assets/video/priming.jpg
  5. 36
      web/client/src/sections/auth/containers/login.jsx

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

Binary file not shown.

BIN
web/client/assets/video/poms.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 748 KiB

BIN
web/client/assets/video/priming.gif

Binary file not shown.

Before

Width:  |  Height:  |  Size: 59 MiB

BIN
web/client/assets/video/priming.jpg

Binary file not shown.

Before

Width:  |  Height:  |  Size: 27 KiB

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

@ -26,10 +26,6 @@ const Login = props => {
}
}, [user])
return (
<div style={{
width: '100%',
@ -40,30 +36,24 @@ const Login = props => {
// position: 'relative',
}}>
<video
id='myVideo'
autoPlay
loop
// controls
muted
autoPlay loop muted
style={{
width: 'calc(100% - 512px)', objectFit: "fill", objectPosition: 'left top', height: '100%'
}}
poster='/assets/video/priming.jpg'
src="/assets/video/login_bg.mp4"
poster='/assets/video/poms.png'
type="video/mp4"
preload='auto'
/>
{/* <img id="endPoster" src='/assets/video/priming.gif' style={{
width: "100%",
height: '100%',
objectFit: "cover",
objectPosition: 'left top',
position: 'absolute',
top: 0,
left: 0,
zIndex: 5,
// display: 'none'
}} /> */}
{/* <img src='/assets/images/background/loginBackground.gif' style={{
width: "100%",
height: 'calc(100vh - 4px)',
objectFit: "cover",
objectPosition: 'left top',
position: 'absolute',
top: 0,
left: 0,
zIndex: "5"
}} /> */}
<div style={{
width: 600,
height: 90,
@ -75,7 +65,7 @@ const Login = props => {
zIndex: 5,
fontSize: 14,
color: ' #005ABD',
display: 'flex',
display:'flex',
flexDirection: 'column',
justifyContent: 'space-between',
}}>

Loading…
Cancel
Save