asder

src/layouts/index.jsx

@@ -10,6 +10,7 @@ import {
   Input,
   Modal,
   message,
+  Popover,
 } from 'antd';
 import { history, Helmet } from 'umi';
 import routes from '../../routes';
@@ -372,10 +373,11 @@ function Layout({ children, location }) {
                 }}
               >
                 <div
-                  className={`${styles.diybtn} bglightc`}
+                  className={`${styles.diybtn}`}
                   style={{
                     color: '#ffffff',
                     textShadow: '0px 0px 2px #999999',
+                    backgroundColor: '#1890ff',
                   }}
                   onClick={() => {
                     if (!vals.contact || !vals.telephone || !vals.companyName) {
@@ -424,8 +426,18 @@ function Layout({ children, location }) {
               >
                 <PhoneFilled rotate={90} />
               </div>
-              025-86111901
+              <span style={{ color: '#1890ff' }}>025-86111901</span>
             </Col>
+            <Popover
+              content={
+                <img
+                  src={
+                    'https://ng-website.oss-cn-hangzhou.aliyuncs.com/assets/qrcode.png'
+                  }
+                  style={{ width: '168px', margin: '8px 0' }}
+                />
+              }
+            >
               <Col
                 {...colds}
                 className="center"
@@ -434,23 +446,6 @@ function Layout({ children, location }) {
                   cursor: 'pointer',
                   margin: '0.3rem 0',
                 }}
-              onClick={() => {
-                Modal.info({
-                  title: '添加微信',
-                  content: (
-                    <img
-                      src={
-                        'https://ng-website.oss-cn-hangzhou.aliyuncs.com/assets/qrcode.png'
-                      }
-                      style={{ width: '100%' }}
-                    />
-                  ),
-                  okButtonProps: {
-                    style: { display: 'none' },
-                  },
-                  maskClosable: true,
-                });
-              }}
               >
                 <div
                   className="center"
@@ -465,8 +460,10 @@ function Layout({ children, location }) {
                 >
                   <WechatFilled style={{ color: '#FFFFFF' }} />
                 </div>
-              微信咨询
+                <span style={{ color: 'rgba(69, 176, 53, 1)' }}>微信咨询</span>
               </Col>
+            </Popover>
+
             <Col
               {...cola}
               className="center"
@@ -474,6 +471,10 @@ function Layout({ children, location }) {
             >
               <div
                 className={styles.diybtn}
+                style={{
+                  backgroundColor: !colls ? '#1890ff' : '#999999',
+                  color: '#fff',
+                }}
                 onClick={() => {
                   setcolls(!colls);
                   setvals({});

src/layouts/index.less

@@ -117,7 +117,7 @@
 .navbar {
   padding: 0 2rem !important;
   border-top: 1px solid #f0f0f0 !important;
-  background-color: rgba(255, 255, 255, 0.5);
+  background-color: rgba(255, 255, 255, 0.85);
   margin-top: 3rem;
 }
 .diybtn {