Commit 7831ab33 authored by 陶晶晶's avatar 陶晶晶

fix:五粮液登录页面优化

parent 32d75b04
This diff was suppressed by a .gitattributes entry.
......@@ -28,6 +28,7 @@ import bg from './images/五粮液背景.png';
import titleLogo from './images/五粮液logo.png';
import textIcon from './images/五粮液标语.png';
import bg2 from './images/bg2.png';
import qrcodePng from './images/扫码.png';
const Cripples = require('@/assets/js/ripples/jquery.ripples');
const PopOvercontent = () => {
......@@ -189,7 +190,7 @@ const Login = forwardRef((props, _ref) => {
<div
className={classnames(styles.dawuLogin, 'dawuLogin')}
onClick={onShow}
style={{ background: `url(${bg}) no-repeat center center`, backgroundSize: '100%' }}
style={{ background: `url(${bg})` }}
>
{show ? (
<div className={classnames(styles['wrapper'])}>
......@@ -207,14 +208,14 @@ const Login = forwardRef((props, _ref) => {
</div>
</div>
</div>
{/* <Popover
<Popover
content={PopOvercontent}
title="扫码下载APP"
placement="right"
overlayClassName={'popover-style'}
>
<img src={qrcodePng} alt="APP" className={styles['qrcode-box']} />
</Popover> */}
</Popover>
</div>
</QueueAnim>
......
......@@ -8,6 +8,13 @@
justify-content: center;
align-items: center;
background-size: 100% 100%;
/* 关键属性:覆盖整个容器 */
background-position: center;
/* 图片居中显示 */
background-repeat: no-repeat;
/* 禁止重复 */
.caseHide {
display: none !important;
}
......
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