From bf1e857e690c98d7cc4d83dd1f164601a3167dfa Mon Sep 17 00:00:00 2001 From: jaywcjlove <398188662@qq.com> Date: Tue, 20 Feb 2018 12:16:59 +0800 Subject: [PATCH] =?UTF-8?q?=E5=9B=BE=E7=89=87=E9=94=99=E8=AF=AF=E5=A4=84?= =?UTF-8?q?=E7=90=86?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/assets/website.svg | 3 +++ src/pages/Navigation/Edit.js | 5 +++-- src/pages/Navigation/index.js | 3 ++- src/pages/Navigation/index.less | 1 + src/source/website.json | 10 ++++++++++ 5 files changed, 19 insertions(+), 3 deletions(-) create mode 100644 src/assets/website.svg diff --git a/src/assets/website.svg b/src/assets/website.svg new file mode 100644 index 00000000..b2ba3308 --- /dev/null +++ b/src/assets/website.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/pages/Navigation/Edit.js b/src/pages/Navigation/Edit.js index ff762e27..b6d8cb38 100644 --- a/src/pages/Navigation/Edit.js +++ b/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 (
this.warpper = node}>
- + e.target.src = websiteIcon} src={edit.icon} /> {edit.label} @@ -105,7 +106,7 @@ export default class Edit extends Component { > {item.children.map((_item, _idx) => ( - {_item.label} + {_item.label} e.target.src = websiteIcon} src={_item.icon} />

{_item.label}

 ))} diff --git a/src/pages/Navigation/index.js b/src/pages/Navigation/index.js index 9558e39c..6798b293 100644 --- a/src/pages/Navigation/index.js +++ b/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 ( - {item.label} + {item.label} e.target.src = website} src={item.icon} />

{item.label}

{optionDown && } diff --git a/src/pages/Navigation/index.less b/src/pages/Navigation/index.less index 09ba2e4b..9cf2f8ee 100644 --- a/src/pages/Navigation/index.less +++ b/src/pages/Navigation/index.less @@ -60,6 +60,7 @@ display: block; filter: brightness(0.99); transition: filter .3s; + background: #fff; } .keyDown { height: 23px; diff --git a/src/source/website.json b/src/source/website.json index 489af987..679a2527 100644 --- a/src/source/website.json +++ b/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/",