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,49 +426,44 @@ function Layout({ children, location }) {
               >
                 <PhoneFilled rotate={90} />
               </div>
-              025-86111901
+              <span style={{ color: '#1890ff' }}>025-86111901</span>
             </Col>
-            <Col
-              {...colds}
-              className="center"
-              style={{
-                fontSize: '0.8rem',
-                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,
-                });
-              }}
+            <Popover
+              content={
+                <img
+                  src={
+                    'https://ng-website.oss-cn-hangzhou.aliyuncs.com/assets/qrcode.png'
+                  }
+                  style={{ width: '168px', margin: '8px 0' }}
+                />
+              }
             >
-              <div
+              <Col
+                {...colds}
                 className="center"
                 style={{
-                  marginRight: 18,
-                  color: 'rgba(1, 92, 172, 1)',
-                  backgroundColor: 'rgba(69, 176, 53, 1)',
-                  width: '1.5rem',
-                  height: '1.5rem',
-                  borderRadius: '50%',
+                  fontSize: '0.8rem',
+                  cursor: 'pointer',
+                  margin: '0.3rem 0',
                 }}
               >
-                <WechatFilled style={{ color: '#FFFFFF' }} />
-              </div>
-              微信咨询
-            </Col>
+                <div
+                  className="center"
+                  style={{
+                    marginRight: 18,
+                    color: 'rgba(1, 92, 172, 1)',
+                    backgroundColor: 'rgba(69, 176, 53, 1)',
+                    width: '1.5rem',
+                    height: '1.5rem',
+                    borderRadius: '50%',
+                  }}
+                >
+                  <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 {