From 348309ac3c0bff27f9658e6e1c28ac44d30ea932 Mon Sep 17 00:00:00 2001
From: king <18310653075@163.com>
Date: 星期二, 12 十一月 2024 12:08:45 +0800
Subject: [PATCH] 2024-11-12
---
src/components/header/index.scss | 42 ++++++++++++++++++++++++++++++++++++++++++
src/components/header/index.jsx | 18 ++++++++++++++----
src/assets/img/mkpublic.jpg | 0
3 files changed, 56 insertions(+), 4 deletions(-)
diff --git a/src/assets/img/mkpublic.jpg b/src/assets/img/mkpublic.jpg
new file mode 100644
index 0000000..5100efb
--- /dev/null
+++ b/src/assets/img/mkpublic.jpg
Binary files differ
diff --git a/src/components/header/index.jsx b/src/components/header/index.jsx
index ebe1ff8..19d7238 100644
--- a/src/components/header/index.jsx
+++ b/src/components/header/index.jsx
@@ -11,6 +11,7 @@
import Utils from '@/utils/utils.js'
import avatar from '@/assets/img/avatar.jpg'
import wxicon from '@/assets/img/wx-icon.png'
+import mkpublic from '@/assets/img/mkpublic.jpg'
import './index.scss'
const { confirm } = Modal
@@ -27,6 +28,7 @@
fullName: '',
logourl: window.GLOB.mainlogo,
wxVisible: false,
+ wxStep: 1,
loginVisible: false,
loginLoading: false,
avatar: Utils.getrealurl(sessionStorage.getItem('avatar')),
@@ -638,7 +640,7 @@
<Menu.Item key="verup" onClick={this.verup}>
{dict['page_upd'] || '椤甸潰鏇存柊'}
</Menu.Item>
- {window.GLOB.WXNotice ? <Menu.Item key="wxnotice" onClick={() => this.setState({wxVisible: true})}>
+ {window.GLOB.WXNotice ? <Menu.Item key="wxnotice" onClick={() => this.setState({wxVisible: true, wxStep: 1})}>
寰俊娑堟伅
</Menu.Item> : null}
{window.GLOB.appVersion ? <Menu.Item key="version" onClick={this.about}>
@@ -823,14 +825,22 @@
footer={null}
destroyOnClose
>
- <div className="wx-sms-wrap">
+ {this.state.wxStep !== 2 ? <div className="wx-sms-wrap">
+ <img className="mk-img" src={mkpublic} alt=""/>
+ <div className="mk-tip">
+ <span>寰俊鎵爜</span>
+ <span>鍏虫敞鍏紬鍙�</span>
+ <span>鍏虫敞鍏紬鍙蜂笖鎺堟潈鍚庢柟鍙帴鏀舵秷鎭��</span>
+ <span onClick={() => this.setState({wxStep: 2})}>涓嬩竴姝�</span>
+ </div>
+ </div> : <div className="wx-sms-wrap">
<QrCode card={{qrWidth: 200, color: '#000000'}} value={window.GLOB.baseurl + 'mob/wxnotice.html?userid=' + sessionStorage.getItem('UserID') + '&loginuid=' + sessionStorage.getItem('LoginUID')}/>
<div className="tip">
<img src={wxicon} alt=""/>
<span>寰俊鎵爜</span>
- <span>鍏虫敞鍏紬鍙�</span>
+ <span>鑾峰彇鐢ㄦ埛鎺堟潈</span>
</div>
- </div>
+ </div>}
</Modal>
</header>
)
diff --git a/src/components/header/index.scss b/src/components/header/index.scss
index 7ba7cf0..914e967 100644
--- a/src/components/header/index.scss
+++ b/src/components/header/index.scss
@@ -287,6 +287,7 @@
}
.wx-sms-wrap {
text-align: center;
+ position: relative;
.tip {
margin: 215px 15px 15px;
@@ -305,6 +306,47 @@
font-weight: bold;
}
}
+
+ .mk-img {
+ width: 258px;
+ height: 258px;
+ position: relative;
+ top: -15px;
+ }
+ .mk-tip {
+ margin: 0px 15px 15px;
+ position: relative;
+ top: -20px;
+ span {
+ font-size: 16px;
+ letter-spacing: 2px;
+ font-weight: 500;
+ color: #333;
+ }
+ span:nth-child(2) {
+ color: #45B449;
+ font-weight: bold;
+ }
+ span:nth-child(3) {
+ display: block;
+ font-size: 13px;
+ }
+ span:nth-child(4) {
+ display: block;
+ position: absolute;
+ right: -10px;
+ bottom: -25px;
+ padding: 0 5px;
+ font-size: 14px;
+ font-weight: 600;
+ cursor: pointer;
+ color: rgba(0, 0, 0, 0.65);
+ transition: color 0.2s;
+ }
+ span:nth-child(4):hover {
+ color: rgba(0, 0, 0, 0.85);
+ }
+ }
.qrcode-box + .tip {
margin-top: 15px;
}
--
Gitblit v1.8.0