Update Data

data/study/class.ts

@@ -51,6 +51,12 @@ export default {
             desc: '网易云课堂 - 领先的实用技能学习平台',
             link: 'http://study.163.com/',
         },
+        {
+          icon: 'https://study.163.com/favicon.ico',
+          name: '蓝桥',
+          desc: '蓝桥是国内领先的IT在线编程及在线实训学习平台，专业导师提供精选的实践项目，创新的技术使得学习者无需配置繁琐的本地环境，随时在线流畅使用',
+          link: 'https://www.lanqiao.cn/',
+        },
       ]
     }
   ]

data/utilityTool/devops.ts

@@ -5,6 +5,18 @@ const nav = {
     {
       subtitle: '开发神器',
       nav: [
+        {
+          icon: 'https://www.sonarqube.org/favicon-152.png',
+          name: 'SonarQube',
+          desc: '代码质量和安全性检查, 支持所有开发人员编写更干净，更安全的代码。',
+          link: 'https://www.sonarqube.org/',
+        },
+        {
+          icon: 'https://paste.ubuntu.com/favicon.ico',
+          name: 'Pastebin',
+          desc: '在线共享代码，将代码以URL形式发送以便查看',
+          link: 'https://paste.ubuntu.com/',
+        },
         {
           icon: 'assets/icon/community/007.svg',
           name: 'UPX',

src/view/app.component.html

@@ -39,7 +39,10 @@
           <div class="item-list" *ngFor="let el of item.nav; index as i;">
             <a (click)="handleToWebsite(el, i, $event)" href="javascript:;">
               <div class="top">
-                <img [src]="el.icon" alt="icon" class="icon">
+                <img *ngIf="el.icon; else icon" [src]="el.icon" alt="" class="icon">
+                <ng-template #icon>
+                  <span class="icon"></span>
+                </ng-template>
                 <em class="name" [title]="el.name">{{ el.name }}</em>
               </div>
               <div class="desc" [title]="el.desc">{{ el.desc }}</div>

src/view/app.component.scss

@@ -120,12 +120,14 @@ $bg-color: #fbfbfb;
     }
 
     .icon {
+      display: inline-block;
       width: 35px;
       height: 35px;
       vertical-align: middle;
       border-radius: 50%;
       pointer-events: none;
       border: 1px solid #eee;
+      background-color: #fff;
     }
 
     .name {

src/view/index.component.html

@@ -61,7 +61,10 @@
             <div class="click-btn" *ngFor="let el of item.nav">
               <a [href]="el.link" target="_blank" rel="noopener noreferer">
                 <div class="top">
-                  <img [src]="el.icon" alt="" class="icon">
+                  <img *ngIf="el.icon; else icon" [src]="el.icon" alt="" class="icon">
+                  <ng-template #icon>
+                    <span class="icon"></span>
+                  </ng-template>
                   <em class="name" [innerHtml]="el.name"></em>
                 </div>
                 <div class="desc" [innerHtml]="el.desc"></div>