图片错误处理

src/pages/Navigation/Edit.js

@@ -1,6 +1,7 @@
 import React, { Component } from 'react';
 import classNames from 'classnames';
 import styles from './Edit.less';
+import websiteIcon from '../../assets/website.svg';
 import website from '../../source/website.json';
 import addIcon from '../../assets/add-icon.png';
 
@@ -78,7 +79,7 @@ export default class Edit extends Component {
     return (
       <div className={styles.navEdit} ref={node => this.warpper = node}>
         <div className={styles.edit}>
-          <img alt="" src={edit.icon} />
+          <img alt="" onError={e => e.target.src = websiteIcon} src={edit.icon} />
           <span className={styles.title}>{edit.label}</span>
           <input className={styles.url} onChange={this.onChangeEdit.bind(this)} value={edit.value} type="text" placeholder="输入网址" />
           <button className={styles.save} onClick={this.onClickAdd.bind(this, edit)}>确定</button>
@@ -105,7 +106,7 @@ export default class Edit extends Component {
               >
                 {item.children.map((_item, _idx) => (
                   <span key={_idx} onClick={this.handleAddNav.bind(this, _item)}>
-                    <img alt={_item.label} src={_item.icon} />
+                    <img alt={_item.label} onError={e => e.target.src = websiteIcon} src={_item.icon} />
                     <p>{_item.label}</p>
                   </span>
                 ))}

src/pages/Navigation/index.js

@@ -1,6 +1,7 @@
 import React, { Component } from 'react';
 import styles from './index.less';
 import addIcon from '../../assets/add-icon.png';
+import website from '../../assets/website.svg';
 import Edit from './Edit';
 // import Contextmenu from "../../component/Contextmenu";
 
@@ -107,7 +108,7 @@ export default class Navigation extends Component {
             {navContent.map((item, idx) => {
               return (
                 <a key={idx} href={item.value} target="_top">
-                  <img alt={item.label} src={item.icon} />
+                  <img alt={item.label} onError={e => e.target.src = website} src={item.icon} />
                   <p>{item.label}</p>
                   {optionDown && <i onClick={this.onKeyDownOption.bind(this, item)} className={styles.keyDown} />}
                 </a>

src/pages/Navigation/index.less

@@ -60,6 +60,7 @@
     display: block;
     filter: brightness(0.99);
     transition: filter .3s;
+    background: #fff;
   }
   .keyDown {
     height: 23px;

src/source/website.json

@@ -74,11 +74,21 @@
         "value": "https://y.qq.com/",
         "icon": "https://jaywcjlove.github.io/logo/yqq.png"
       },
+      {
+        "label": "音悦Tai",
+        "value": "http://www.yinyuetai.com/",
+        "icon": "https://jaywcjlove.github.io/logo/yinyuetai.jpg"
+      },
       {
         "label": "豆瓣FM",
         "value": "https://douban.fm/",
         "icon": "https://jaywcjlove.github.io/logo/doubanfm.png"
       },
+      {
+        "label": "喜马拉雅FM",
+        "value": "http://www.ximalaya.com/",
+        "icon": "https://jaywcjlove.github.io/logo/ximalaya.jpg"
+      },
       {
         "label": "蜻蜓FM",
         "value": "http://www.qingting.fm/",