Commit b31ef261 authored by 杨思琦's avatar 杨思琦

Merge branch 'dev' into 'master'

feat: 大足登录页修改 See merge request !18
parents 0aa6ea6d f0a1b740
Pipeline #73291 passed with stages
This diff was suppressed by a .gitattributes entry.
...@@ -20,8 +20,19 @@ import styles from './index.less'; ...@@ -20,8 +20,19 @@ import styles from './index.less';
import Account from '../../../js/useAccount'; import Account from '../../../js/useAccount';
import { defaultApp } from '../../../../../../micro'; import { defaultApp } from '../../../../../../micro';
import logo from './images/logo.png'; import logo from './images/logo.png';
import qrcodePng from './images/1.png'
import QRCode from 'qrcode.react';
import loginTitlePng from './images/text.png'; import loginTitlePng from './images/text.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();
const videoRef = useRef(); const videoRef = useRef();
...@@ -183,7 +194,7 @@ const Login = forwardRef((props, _ref) => { ...@@ -183,7 +194,7 @@ const Login = forwardRef((props, _ref) => {
<div className={classnames(styles.dazulogin)} onClick={onShow}> <div className={classnames(styles.dazulogin)} onClick={onShow}>
{show ? ( {show ? (
<> <div className={classnames(styles['wrapper'])}>
<QueueAnim type="top"> <QueueAnim type="top">
<div key="outwrapper" className={styles.dazu_out_wrapper}> <div key="outwrapper" className={styles.dazu_out_wrapper}>
<div className={styles.dazu_out_logo}> <div className={styles.dazu_out_logo}>
...@@ -202,9 +213,15 @@ const Login = forwardRef((props, _ref) => { ...@@ -202,9 +213,15 @@ const Login = forwardRef((props, _ref) => {
{renderPlatform()} {renderPlatform()}
</div> </div>
</div> </div>
<Popover content={PopOvercontent} title="扫码下载APP" placement='right' overlayClassName={'popover-style'}>
<img src={qrcodePng} alt="APP" className={styles['qrcode-box']}/>
</Popover>
</div> </div>
</QueueAnim> </QueueAnim>
<div key="loginheader" className={classnames(styles['login-header'])}> <div key="loginheader" className={classnames(styles['login-header'])}>
<QueueAnim type="left"> <QueueAnim type="left">
<div key="logintitle" className={styles['left-title']}> <div key="logintitle" className={styles['left-title']}>
...@@ -224,7 +241,7 @@ const Login = forwardRef((props, _ref) => { ...@@ -224,7 +241,7 @@ const Login = forwardRef((props, _ref) => {
</div> </div>
</QueueAnim> </QueueAnim>
</div> </div>
</> </div>
) : null} ) : null}
{videoShow ? ( {videoShow ? (
<video <video
......
...@@ -220,9 +220,9 @@ ...@@ -220,9 +220,9 @@
.qrcode-box { .qrcode-box {
position: absolute; position: absolute;
bottom: 0; bottom: 0;
right: -35px; right: -23px;
width: 35px; width: 23px;
height: 35px; height: 23px;
background: #FFFFFF; background: #FFFFFF;
opacity: 0.8; opacity: 0.8;
cursor: pointer; cursor: pointer;
...@@ -231,4 +231,33 @@ ...@@ -231,4 +231,33 @@
} }
& :global {} & :global {
\ No newline at end of file
.popover-style{
.@{ant-prefix}-popover-inner-content{
display: flex;
justify-content: center;
align-items: center;
}
.@{ant-prefix}-popover-title{
display: flex;
justify-content: center;
align-items: center;
}
}
}
:global{
.popover-style{
.@{ant-prefix}-popover-inner-content{
display: flex;
justify-content: center;
align-items: center;
}
.@{ant-prefix}-popover-title{
display: flex;
justify-content: center;
align-items: center;
}
}
}
\ No newline at end of file
...@@ -211,9 +211,6 @@ ...@@ -211,9 +211,6 @@
align-items: center; align-items: center;
} }
} }
} }
......
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