Browse Source

首页样式修改

pull/3/head
deartibers 3 years ago
parent
commit
b4f2dc62e3
  1. BIN
      code/VideoAccess-VCMP/web/client/assets/images/background/loginBackground.png
  2. BIN
      code/VideoAccess-VCMP/web/client/assets/images/background/loginbg.png
  3. BIN
      code/VideoAccess-VCMP/web/client/assets/images/background/password.png
  4. BIN
      code/VideoAccess-VCMP/web/client/assets/images/background/username.png
  5. 48
      code/VideoAccess-VCMP/web/client/src/sections/auth/containers/login.jsx
  6. 7
      code/VideoAccess-VCMP/web/client/src/sections/auth/containers/login.less
  7. 5
      code/VideoAccess-VCMP/web/client/src/sections/equipmentWarehouse/components/nvrModal.jsx

BIN
code/VideoAccess-VCMP/web/client/assets/images/background/loginBackground.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.9 MiB

BIN
code/VideoAccess-VCMP/web/client/assets/images/background/loginbg.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 18 KiB

BIN
code/VideoAccess-VCMP/web/client/assets/images/background/password.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 538 B

BIN
code/VideoAccess-VCMP/web/client/assets/images/background/username.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 549 B

48
code/VideoAccess-VCMP/web/client/src/sections/auth/containers/login.jsx

@ -4,6 +4,8 @@ import { connect } from 'react-redux';
import { push } from 'react-router-redux';
import { Form, Button, Toast } from '@douyinfe/semi-ui';
import { login, LOGIN_SUCCESS } from '../actions/auth';
import { IconLock,IconUser } from '@douyinfe/semi-icons';
import './login.less'
const Login = props => {
const { dispatch, user, error, actions, apiRoot, isRequesting } = props
@ -25,16 +27,25 @@ const Login = props => {
return (
<div style={{
height: '100vh',
display: 'flex',
alignItems: 'center',
justifyContent: 'center',
backgroundImage:"url('/assets/images/background/loginBackground.png')",
backgroundSize: 'cover',
backgroundRepeat: 'no-repeat',
position: 'relative',
}}>
<div style={{
width: 400,
height: 410,
padding: 30,
width: 446,
height: 348,
padding: '45px 60px',
backgroundImage:"url('/assets/images/background/loginbg.png')",
backgroundSize: '100% 100%',
backgroundRepeat: 'no-repeat',
position: 'absolute',
top: '33.89%',
right: '16.43%',
}}>
<p style={{ fontSize: 21, fontWeight: 'bold', textAlign: 'center' }}>飞尚物联</p>
<div style={{width:113,height:24,marginTop:3,marginLeft:5}}>
<img src="/assets/images/background/user_login.png" alt="" style={{width:'100%',height:'100%'}}/>
</div>
<Form
onSubmit={values => {
dispatch(login(values.username, values.password)).then(res => {
@ -44,9 +55,26 @@ const Login = props => {
}}
getFormApi={formApi => form.current = formApi}
>
<Form.Input field='username' label='用户名' />
<Form.Input field='password' mode="password" autoComplete="" label='密码' />
<Button htmlType='submit' block theme="solid" >登录</Button>
<Form.Input
className='inputbgc'
field='username'
noLabel={true}
label='用户名'
placeholder='请输入账号'
prefix={<IconUser style={{color:'#1859C1',marginRight:14,marginLeft:8}}/>}
style={{background:'rgba(24, 89, 193, 0.08)',height:40,marginTop:26}}
/>
<Form.Input
field='password'
noLabel={true}
mode="password"
autoComplete=""
placeholder='请输入密码'
label='密码'
prefix={<IconLock style={{color:'#1859C1',marginRight:14,marginLeft:8}}/>}
style={{background:'rgba(24, 89, 193, 0.08)',height:40}}
/>
<Button htmlType='submit' block theme="solid" style={{marginTop:17,height:40,backgroundColor:'#1859C1'}}>立即登录</Button>
</Form>
</div>
</div>

7
code/VideoAccess-VCMP/web/client/src/sections/auth/containers/login.less

@ -0,0 +1,7 @@
input:-webkit-autofill{
-webkit-text-fill-color:black !important;
-webkit-box-shadow: 0 0 0px 1000px transparent inset !important;
box-shadow: 0 0 0px 1000px transparent inset !important;
background-color:transparent;
transition: background-color 50000s ease-in-out 0s;
}

5
code/VideoAccess-VCMP/web/client/src/sections/equipmentWarehouse/components/nvrModal.jsx

@ -6,7 +6,6 @@ function nvrModal(props){
const {modalName}=props
const { dispatch, actions, user, loading,vender,close } = props;
const nvrData = props.nvrData||{}//
console.log('nvrDatanvrDatanvrData',nvrData);
const form = useRef();
const [visible, setVisible] = useState(false);//
const [isloading,setloading] = useState(false);//loading
@ -52,7 +51,6 @@ function nvrModal(props){
if(nvrData.id){
valuesObj.id=nvrData.id
}
console.log('valuesObjvaluesObj',valuesObj);
setformObj(valuesObj)
setloading(true);
setTimeout(() => {
@ -65,13 +63,12 @@ function nvrModal(props){
setcancelText('上一步');
setloading(false);
}, 2000);
},2000)
}, 2000)
}, 2000);
})
.catch(errors=>{//
console.log('errors',errors);
})
}
else{
dispatch(actions.equipmentWarehouse.addchangeNvr(formObj)).then(res => {

Loading…
Cancel
Save