Skip to content

C
CivWeb
Commit 826c432e authored by 王万里's avatar 王万里
Browse files
Options

feat: 易县登录

parent c6b8b54b
Show whitespace changes
Inline Side-by-side
Showing with 87 additions and 55 deletions
src/pages/user/login/template/project/yixian/images/1.png deleted 100644 → 0
View file @ c6b8b54b
This diff was suppressed by a .gitattributes entry.
src/pages/user/login/template/project/yixian/images/1.svg 0 → 100644
View file @ 826c432e
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="57.468px" height="30px" viewBox="0 0 57.468 30" enable-background="new 0 0 57.468 30" xml:space="preserve">
<g>
<g>
<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="-0.0376" y1="9.8105" x2="48.2442" y2="34.4248">
<stop offset="0" style="stop-color:#1E99D7"/>
<stop offset="1" style="stop-color:#49AF86"/>
</linearGradient>
<path fill="url(#SVGID_1_)" d="M28.733,22.787c-0.76,0-1.485,0.1-2.144,0.271l0,0c-0.003,0-0.009,0.002-0.011,0.004
c-0.133,0.033-0.262,0.076-0.39,0.117c-2.221,0.521-5.448-1.268-2.83-4.58l-0.011-0.006c1.484-2.158,1.97-4.486,1.083-6.425
c-1.697-3.708-7.754-4.566-13.525-1.923c-5.772,2.648-9.072,7.797-7.375,11.502c1.698,3.707,7.753,4.568,13.525,1.918
c0.185-0.082,0.36-0.18,0.538-0.268v0.01c2.9-1.629,5.677,0.705,5.545,2.686c-0.014,0.1-0.023,0.199-0.023,0.303
c0,1.99,2.515,3.604,5.617,3.604c3.103,0,5.617-1.613,5.617-3.604C34.35,24.402,31.836,22.787,28.733,22.787z"/>
</g>
<g>
<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="3.2749" y1="3.3135" x2="51.5636" y2="27.9313">
<stop offset="0" style="stop-color:#1E99D7"/>
<stop offset="1" style="stop-color:#49AF86"/>
</linearGradient>
<path fill="url(#SVGID_2_)" d="M7.842,8.285c3.108-1.636,4.775-4.581,3.721-6.576c-1.051-1.997-4.422-2.283-7.528-0.65
c-3.107,1.636-4.771,4.584-3.72,6.578C1.364,9.631,4.737,9.921,7.842,8.285z"/>
</g>
<g>
<linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="8.6138" y1="-7.1582" x2="56.8952" y2="17.4559">
<stop offset="0" style="stop-color:#1E99D7"/>
<stop offset="1" style="stop-color:#49AF86"/>
</linearGradient>
<path fill="url(#SVGID_3_)" d="M53.433,1.058c-3.106-1.633-6.479-1.346-7.531,0.65c-0.787,1.498-0.047,3.527,1.688,5.145l0,0
c1.232,1.51,0.55,3.728-1.991,2.99c-0.203-0.08-0.406-0.148-0.611-0.217c-0.037-0.018-0.071-0.026-0.11-0.044
c-0.32-0.144-0.554-0.21-0.739-0.231c-4.955-1.445-9.642-0.369-11.102,2.818c-1.699,3.709,1.603,8.855,7.373,11.498
c5.771,2.65,11.827,1.789,13.525-1.918c1.195-2.605-0.09-5.921-2.959-8.583c-0.004-0.002-0.007-0.009-0.012-0.013
c-1.701-1.924-1.368-4.611,0.33-4.18c0.058,0.018,0.117,0.036,0.176,0.053c0.02,0.009,0.04,0.009,0.061,0.018V9.04
c2.475,0.688,4.787,0.188,5.624-1.404C58.205,5.642,56.54,2.694,53.433,1.058z"/>
</g>
</g>
</svg>
src/pages/user/login/template/project/yixian/images/5.png 0 → 100644
View file @ 826c432e
This diff was suppressed by a .gitattributes entry.
src/pages/user/login/template/project/yixian/index.js
View file @ 826c432e
...@@ -13,16 +13,9 @@ import LoginAction from '../../../login'; ...@@ -13,16 +13,9 @@ import LoginAction from '../../../login';
import styles from './index.less'; import styles from './index.less';
import Account from '../../../js/useAccount'; import Account from '../../../js/useAccount';
import { defaultApp } from '../../../../../../micro'; import { defaultApp } from '../../../../../../micro';
import logoPng from './images/7.png'; import logo from './images/5.png';
import qrcodePng from './images/1.png'; import loginTitlePng from './images/9.png'
const PopOvercontent = () => {
const qrcodes = window.globalConfig && window.globalConfig.qrcode;
if (qrcodes) {
return <QRCode value={qrcodes} />;
}
return <span>手持APP下载未配置</span>;
};
const Login = forwardRef((props, _ref) => { const Login = forwardRef((props, _ref) => {
const sliVerify = useRef(); const sliVerify = useRef();
...@@ -103,6 +96,7 @@ const Login = forwardRef((props, _ref) => { ...@@ -103,6 +96,7 @@ const Login = forwardRef((props, _ref) => {
const handleWeek =() => { const handleWeek =() => {
const weekOfDay = Number(moment().format('E')); const weekOfDay = Number(moment().format('E'));
console.log(weekOfDay, "weekOfDay")
let weekDayName = '' let weekDayName = ''
switch(weekOfDay){ switch(weekOfDay){
case 1: case 1:
...@@ -123,7 +117,7 @@ const Login = forwardRef((props, _ref) => { ...@@ -123,7 +117,7 @@ const Login = forwardRef((props, _ref) => {
case 6: case 6:
weekDayName = '周六' weekDayName = '周六'
break break
case 0: case 7:
weekDayName = '周日' weekDayName = '周日'
break break
default: default:
...@@ -157,24 +151,27 @@ const Login = forwardRef((props, _ref) => { ...@@ -157,24 +151,27 @@ const Login = forwardRef((props, _ref) => {
{/* <div className={styles['left-imgbox']}></div> */} {/* <div className={styles['left-imgbox']}></div> */}
<div className={styles['inner-center']}> <div className={styles['inner-center']}>
<div className={styles['welcome-title']}> <div className={styles['welcome-title']}>
欢迎登录 <img src={loginTitlePng} alt="login-title"/>
</div> </div>
<div className={classnames(styles['inner-bg'], styles['login-part'])} ref={loginFormRef}> <div className={classnames(styles['inner-bg'], styles['login-part'])} ref={loginFormRef}>
{renderPlatform()} {renderPlatform()}
</div> </div>
</div> </div>
<Popover content={PopOvercontent} title="扫码下载APP" trigger="click" overlayClassName={'popover-style'}>
<img src={qrcodePng} alt="APP" className={styles['qrcode-box']}/>
</Popover>
</div> </div>
<div className={styles['login-header']}> <div className={styles['login-header']}>
<div className={styles['left-title']}> <div className={styles['left-title']}>
<img src={logoPng} alt='logo' className={styles['logo-png']}/> <div>
<div className={styles['cn-title']}>新干县城乡供水一体化智慧平台</div> <img src={logo} alt="logo"/>
</div>
<div className={styles['cn-title']}>河北易县水利局自来水公司</div>
</div>
<div className={styles['right-timebox']}>
<div className={styles['curr-time']}>{dateObj.curTime}</div>
<div className={styles['curr-week-date']}>
<div className={styles['curr-week']}>{dateObj.week}</div>
<div className={styles['curr-date']}>{dateObj.date}</div>
</div> </div>
</div> </div>
<div className={styles['copyright']}>
Copyright 上海熊猫机械(集团)有限公司版权所有2018 All Rights Reserved 冀ICP备18028007号-2
</div> </div>
<Modal centered visible={visible} width={340} footer={null} closable={false} bodyStyle={{ padding: '15px' }}> <Modal centered visible={visible} width={340} footer={null} closable={false} bodyStyle={{ padding: '15px' }}>
......
src/pages/user/login/template/project/yixian/index.less
View file @ 826c432e
...@@ -6,7 +6,7 @@ ...@@ -6,7 +6,7 @@
.xinganlogin { .xinganlogin {
width: 100%; width: 100%;
height: 100%; height: 100%;
background: url('./images/2.png') no-repeat; background: url('./images/8.png') no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
background-clip: border-box; background-clip: border-box;
position: relative; position: relative;
...@@ -22,20 +22,18 @@ ...@@ -22,20 +22,18 @@
&>div { &>div {
width: 70%; width: 80%;
margin: 0 auto; margin: 10%;
} }
} }
.inner-wrapper { .inner-wrapper {
// width: 800px; position: absolute;
// height: 400px;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
border-radius: 10px; top: 43%;
position: absolute; margin-top: -190px;
bottom: 20%;
// top: 46%; // top: 46%;
// right: 0; // right: 0;
// transform: translateY(-50%); // transform: translateY(-50%);
...@@ -57,24 +55,21 @@ ...@@ -57,24 +55,21 @@
.inner-center { .inner-center {
position: relative; position: relative;
width: 482px; width: 480px;
height: 316px; height: 380px;
background: rgba(255,255,255,0.3); background: rgba(255,255,255,0.9);
border: 1px solid #FFFFFF; border: 1px solid #FFFFFF;
box-shadow: 0px 15px 15px 3px rgba(140,142,145,0.52); box-shadow: 1px 1px 12px -3px #22222277;
border-radius: 15px; border-radius: 8px 10px 10px 10px;
} }
.welcome-title{ .welcome-title{
width: 100%; background: linear-gradient(0deg, rgba(9, 128, 238, 1) 0%, rgba(0, 182, 251, 1) 100%);
height: 68px; height: 100px;
line-height: 68px; border-radius: 8px 8px 0px 0px;
font-size: 24px;
font-family: PingFang SC;
font-weight: bold;
color: #000000;
opacity: 0.85;
text-align: center; text-align: center;
line-height: 70px;
padding: 16px;
} }
.formgroup2 { .formgroup2 {
...@@ -108,28 +103,29 @@ ...@@ -108,28 +103,29 @@
.login-header{ .login-header{
width: 100%; width: 100%;
position: absolute; position: absolute;
top: 4%; top: 30px;
padding: 0 38px;
display: flex; display: flex;
justify-content: center; justify-content: space-between;
align-items: center; align-items: center;
margin: 0 auto;
.left-title{ .left-title{
display: flex; display: flex;
justify-content: center; justify-content: flex-start;
align-items: center; align-items: center;
.cn-title{ .cn-title{
font-size: 48px; font-size: 26px;
font-family: PingFang SC; font-family: Microsoft YaHei;
font-weight: bold; font-weight: 400;
color: #A6D1FF; color: #FFFFFF;
background: linear-gradient(180deg, #00B3FF 0%, #0173B7 100%); margin-left: 10px;
-webkit-background-clip: text; }
-webkit-text-fill-color: transparent; .en-title{
margin-bottom: 25px; font-size: 12px;
} font-family: Microsoft YaHei;
.logo-png{ font-weight: 400;
width: 107px; color: #FFFFFF;
height: 111px; opacity: 0.65;
} }
} }
.right-timebox{ .right-timebox{
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment