fix: icon

3b520ca6 · xjh22222228 · a9a52ed1 · 3b520ca6 · 3b520ca6 · 3b520ca6
5 changed file
--- a/data/frontend/reference.ts
+++ b/data/frontend/reference.ts
 export default {
-	title: '参考资料',
+  title: '参考资料',
+  icon: 'https://raw.githubusercontent.com/github/explore/80688e429a7d4ef2fca1e82350fe8e3517d3494d/topics/javascript/javascript.png',
 	nav: [
 		{
      title: '书籍',
      nav: [
        {
-          icon: 'assets/icon/frontend/023.png',
          name: 'JavaScript 20 年',
          desc: 'JavaScript 20 年',
          url: 'https://cn.history.js.org/',
        },
        {
-          icon: 'assets/icon/frontend/023.png',
          name: '你不知道的JavaScript',
          desc: '你不知道的JavaScript',
          url: 'https://github.com/getify/You-Dont-Know-JS',
@@ -23,7 +22,6 @@ export default {
          url: 'https://zh.javascript.info/',
        },
        {
-          icon: 'assets/icon/frontend/023.png',
          name: 'ECMAScript 6入门',
          desc: 'ECMAScript 6入门',
          url: 'http://es6.ruanyifeng.com/#README',
@@ -34,7 +32,6 @@ export default {
          ]
        },
        {
-          icon: 'assets/icon/frontend/023.png',
          name: 'JavaScript教程',
          desc: 'JavaScript 标准参考教程',
          url: 'https://wangdoc.com/javascript/basic/index.html',
@@ -50,13 +47,12 @@ export default {
      title: '文档',
      nav: [
        {
-          icon: 'assets/icon/frontend/023.png',
          name: 'JavaScript Puzzlers',
          desc: '你真的了解JavaScript吗？来试试吧！',
          url: 'http://javascript-puzzlers.herokuapp.com/',
        },
        {
-          icon: 'assets/icon/frontend/040.png',
+          icon: 'https://avatars1.githubusercontent.com/u/41361384?s=200&v=4',
          name: 'InterviewMap',
          desc: '打造最好的面试图谱',
          url: 'https://yuchengkai.cn/docs/zh/',
@@ -67,13 +63,11 @@ export default {
          ]
        },
        {
-          icon: 'assets/icon/frontend/023.png',
          name: '飞冰早报',
          desc: '飞冰早报',
          url: 'http://fe.jskou.com/ice',
        },
        {
-          icon: 'assets/icon/frontend/023.png',
          name: 'jsdoc',
          desc: '用于JavaScript的API文档生成器。',
          url: 'http://www.css88.com/doc/jsdoc/index.html',
@@ -84,7 +78,7 @@ export default {
          ]
        },
        {
-          icon: 'assets/icon/frontend/075.png',
+          icon: 'https://avatars3.githubusercontent.com/u/43479428?s=200&v=4',
          name: '30 seconds of code',
          desc: '精选的有用JavaScript代码段集合，您可以在30秒或更短的时间内理解这些代码段。',
          url: 'https://30secondsofcode.org/',
@@ -95,13 +89,12 @@ export default {
          ]
        },
        {
-          icon: 'assets/icon/frontend/086.jpg',
          name: '33-js-concepts',
          desc: 'JavaScript开发者应懂的33个概念',
          url: 'https://github.com/stephentian/33-js-concepts',
        },
        {
-          icon: 'assets/icon/frontend/114.png',
+          icon: 'https://avatars1.githubusercontent.com/u/1725583?s=200&v=4',
          name: 'ECMAScript Proposals',
          desc: '跟踪ECMAScript 提案',
          url: 'https://tc39.github.io/process-document/',
@@ -112,7 +105,7 @@ export default {
          ]
        },
        {
-          icon: 'assets/icon/frontend/114.png',
+          icon: 'https://avatars1.githubusercontent.com/u/1725583?s=200&v=4',
          name: 'ecma262',
          desc: 'ECMA-262的状态，流程和文档',
          url: 'https://tc39.es/ecma262/',
@@ -129,7 +122,6 @@ export default {
          url: 'https://bonsaiden.github.io/JavaScript-Garden/zh/',
        },
        {
-          icon: 'assets/icon/frontend/023.png',
          name: 'Airbnb JavaScript 编码规范',
          desc: 'Airbnb JavaScript 编码规范',
          url: 'https://github.com/yuche/javascript',
@@ -140,13 +132,11 @@ export default {
          ]
        },
        {
-          icon: 'assets/icon/frontend/023.png',
          name: 'Daily-Interview-Question',
          desc: '工作日每天一道前端大厂面试题，祝大家天天进步，一年后会看到不一样的自己',
          url: 'https://github.com/Advanced-Frontend/Daily-Interview-Question',
        },
        {
-          icon: 'assets/icon/frontend/023.png',
          name: 'javascript-algorithms',
          desc: 'JavaScript 算法与数据结构',
          url: 'https://github.com/trekhleb/javascript-algorithms',

--- a/data/frontend/tool.ts
+++ b/data/frontend/tool.ts
@@ -5,37 +5,35 @@ export default {
      title: 'CSS',
      nav: [
        {
-          icon: 'assets/icon/frontend/0.svg',
          name: 'CSS3 UI Lib',
          desc: 'CSS动画集成、在线调试阴影',
          url: 'http://css3lib.alloyteam.com/#panel/demo1',
        },
        {
-          icon: 'assets/icon/utility-tool/032.png',
          name: 'CSS Sprites Generator',
          desc: 'CSS雪碧图生成',
          url: 'https://www.toptal.com/developers/css/sprite-generator',
        },
        {
-          icon: 'assets/icon/utility-tool/003.svg',
+          icon: 'http://www.colorzilla.com/favicon.ico',
          name: 'CSS渐变调试器',
          desc: '前端开发调试CSS渐变必备神器',
          url: 'http://www.colorzilla.com/gradient-editor/',
        },
        {
-          icon: 'assets/icon/frontend/020.png',
+          icon: 'https://animista.net/favicon.ico',
          name: 'Animista',
          desc: '在线生成CSS动画',
          url: 'http://animista.net/play/background/ken-burns',
        },
        {
-          icon: 'assets/icon/frontend/036.png',
+          icon: 'https://cssgradient.io/favicon.ico',
          name: 'CSS Gradient',
          desc: 'CSS渐变调试并生成CSS代码',
          url: 'https://cssgradient.io/',
        },
        {
-          icon: 'assets/icon/frontend/037.png',
+          icon: 'https://www.grabient.com/favicon.ico',
          name: 'Grabient',
          desc: 'CSS渐变调试并生成CSS代码，还可以角度变换',
          url: 'https://www.grabient.com/',
@@ -46,31 +44,30 @@ export default {
          ]
        },
        {
-          icon: 'assets/icon/frontend/0.svg',
+          icon: 'http://pxtoem.com/favicon.ico',
          name: 'px与em单位转换',
          desc: 'px与em单位转换',
          url: 'http://pxtoem.com/',
        },
        {
-          icon: 'assets/icon/frontend/066.gif',
+          icon: 'http://apps.eky.hk/css-triangle-generator/favicon.gif',
          name: 'CSS三角形產生器',
          desc: 'CSS三角形產生器 - 使用純CSS繪畫三角形',
          url: 'http://apps.eky.hk/css-triangle-generator/zh-hant',
        },
        {
-          icon: 'assets/icon/frontend/014.png',
+          icon: 'https://www.sassmeister.com/favicon.ico',
          name: 'SassMeister',
          desc: '将sass语法转换成CSS语法',
          url: 'https://www.sassmeister.com/',
        },
        {
-          icon: 'assets/icon/frontend/103.png',
+          icon: 'https://transfonter.org/favicon.ico',
          name: 'transfonter',
          desc: '字体图标转换Base64',
          url: 'https://transfonter.org/',
        },
        {
-          icon: 'assets/icon/frontend/104.png',
          name: 'Loading集合',
          desc: '上千种Loading认你选',
          url: 'https://www.xiejiahe.com/detail/59ec506be9b3310879551f5e',
@@ -91,15 +88,16 @@ export default {
    },
    {
      title: 'JavaScript',
+      icon: 'https://raw.githubusercontent.com/github/explore/80688e429a7d4ef2fca1e82350fe8e3517d3494d/topics/javascript/javascript.png',
      nav: [
        {
-          icon: 'assets/icon/utility-tool/004.png',
+          icon: 'https://regexper.com/favicon.ico',
          name: '正则表达式验证器',
          desc: '验证JavaScript正则表达式',
          url: 'https://regexper.com/',
        },
        {
-          icon: 'assets/icon/frontend/064.png',
+          icon: 'https://www.json.cn/favicon.ico',
          name: 'JSON在线解析及格式化验证',
          desc: 'json在线解析,json格式化,json格式验证,json转xml,xml转json',
          url: 'https://www.json.cn/',
@@ -116,19 +114,16 @@ export default {
          ]
        },
        {
-          icon: 'assets/icon/frontend/023.png',
          name: '正则表达式在线测试',
          desc: '正则表达式在线测试',
          url: 'http://tool.chinaz.com/regex',
        },
        {
-          icon: 'assets/icon/frontend/023.png',
          name: 'spy-debugger',
          desc: '微信调试，各种WebView样式调试、手机浏览器的页面真机调试。便捷的远程调试手机页面、抓包工具，支持：HTTP/HTTPS，无需USB连接设备',
          url: 'https://github.com/wuchangming/spy-debugger',
        },
        {
-          icon: 'assets/icon/frontend/023.png',
          name: 'VConsole',
          desc: '一个轻量、可拓展、针对手机网页的前端开发者调试面板',
          url: 'https://github.com/Tencent/vConsole/',

--- a/data/utilityTool/gui.ts
+++ b/data/utilityTool/gui.ts
@@ -75,6 +75,12 @@ export default {
            'https://github.com/zeit/hyper'
          ]
        },
+        {
+          icon: 'https://www.listary.com/wp-content/themes/listary5/images/favicon.ico',
+          name: 'Listary',
+          desc: 'Listary是Windows的革命性搜索实用程序，它使休闲用户和高级用户都能快速找到文件并启动应用程序！',
+          url: 'https://www.listary.com/',
+        },
      ]
    },
    {

--- a/src/view/index/default/index.component.html
+++ b/src/view/index/default/index.component.html
@@ -90,6 +90,7 @@
                *ngIf="item.icon && item.showSideIcon !== false"
                [src]="item.icon"
                class="side-logo"
+                (error)="onSideLogoError($event)"
                alt="" 
              />
            </div>

--- a/src/view/index/default/index.component.ts
+++ b/src/view/index/default/index.component.ts
@@ -154,4 +154,11 @@ export default class HomeComponent {

  handleSearch = null
  onImgError = onImgError
+
+  onSideLogoError(e) {
+    const el = e.currentTarget;
+    if (el) {
+      el?.parentNode?.removeChild(el)
+    }
+  }
 }