fix:隐藏导航条,替换图片logo

src/components/PageHeader/PageHeader.js

@@ -36,7 +36,7 @@ class PageHeader extends React.Component {
     }
     return _wrapClassName
   }
-  render () {
+  render() {
     const { location } = this.props
     const { pathname } = location
     return (
@@ -44,7 +44,7 @@ class PageHeader extends React.Component {
         <div className={styles['logo-wrap']}>
           {/* <img src={logoWords} className={styles['logo-words']} alt=""/> */}
         </div>
-        <ul className={styles['header-nav']}>
+        {/* <ul className={styles['header-nav']}>
           <li className={this.getClassName(pathname, '/')} onClick={this.goPage(pathname, '/')}>首页</li>
           <li className={styles['qrcode-li']}>
             <span>APP下载</span>
@@ -56,7 +56,7 @@ class PageHeader extends React.Component {
           </li>
           <li className={this.getClassName(pathname, '/hotlives')} onClick={this.goPage(pathname, '/hotlives')}>热门直播</li>
           <li className={this.getClassName(pathname, '/explain')} onClick={this.goPage(pathname, '/explain')}>产品说明</li>
-        </ul>
+        </ul> */}
       </div>
     )
   }

src/components/PageHeader/PageHeader.less

@@ -15,7 +15,7 @@
   width: 120px;
   height: 40px;
   display: block;
-  background: url(../../assets/logo_words.png) no-repeat center;
+  background: url(../../assets/logo-jiemo.png) no-repeat center;
   background-size: 100% 100%;
 }
 .header-nav {
@@ -25,11 +25,11 @@
     width: 80px;
     height: 24px;
     line-height: 24px;
-    color: rgba(255, 255, 255, .5);
+    color: rgba(255, 255, 255, 0.5);
     font-size: 12px;
     cursor: pointer;
-    border-right: 1px solid rgba(255, 255, 255, .5);
-    transition: all .3s ease 0s;
+    border-right: 1px solid rgba(255, 255, 255, 0.5);
+    transition: all 0.3s ease 0s;
     position: relative;
   }
   & > li:last-child {
@@ -38,7 +38,7 @@
 
   & > li:hover {
     color: #fff;
-    transition: all .3s ease 0s;
+    transition: all 0.3s ease 0s;
   }
 
   .qrcode-wrap {
@@ -62,7 +62,7 @@
   }
   & > .qrcode-li:hover {
     // color: rgba(255,255,255,1);
-    transition: all .3s ease 0s;
+    transition: all 0.3s ease 0s;
     .qrcode-wrap {
       display: block;
     }
@@ -78,22 +78,22 @@
       transform: translate(-50%, 0);
       height: 2px;
       width: 12px;
-      background: #FF4D79;
+      background: #ff4d79;
       border-radius: 1px;
     }
   }
 }
 .header-white {
-  box-shadow: 0px 4px 10px rgba(0,0,0,0.04);
+  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.04);
   .logo-wrap {
     background: url(../../assets/logo_words_02.png) no-repeat center;
     background-size: 100% 100%;
   }
 
-  .header-nav { 
+  .header-nav {
     & > li {
-      color: rgba(0, 0, 0, .5);
-      border-right: 1px solid rgba(0,0,0,0.25);
+      color: rgba(0, 0, 0, 0.5);
+      border-right: 1px solid rgba(0, 0, 0, 0.25);
     }
     & > li:last-child {
       border-right: 0;
@@ -102,11 +102,11 @@
       color: #000000;
     }
   }
-  li.nav-active { 
+  li.nav-active {
     color: #000000;
   }
   .qrcode-img-wrap {
-    box-shadow: 0px 0px 4px rgba(0,0,0,0.04);
-    border: 1px solid rgba(0,0,0, 0.1);
+    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.04);
+    border: 1px solid rgba(0, 0, 0, 0.1);
   }
 }