feat:CN-1522 插件管理页开发（细节需要再调整）,及代码整理

src/assets/css/components/index.scss

@@ -81,6 +81,8 @@
 @import 'views/administration/AdministrationTabs';
 @import 'views/administration/Appearance.scss';
 
+@import 'views/system/Plugin';
+
 @import 'views/setting/knowledgeBase';
 @import 'views/charts2/entityDetailLine';
 @import 'views/charts2/EntityDetailSubscriberKpi.scss';

src/assets/css/components/views/system/Plugin.scss

@@ -0,0 +1,46 @@
+.plugin {
+  font-size: 12px;
+  color: #353636;
+  line-height: 14px;
+  font-weight: 400;
+  .type-tag {
+    display: inline-block;
+    padding: 0 10px;
+    background-color: #EBF7FA;
+    color: #046ECA;
+    box-shadow: 0 2px 4px 0 rgba(51,51,51,0.02);
+    border-radius: 12px;
+  }
+  .plugin-name {
+    display: flex;
+    flex-direction: row;
+    justify-content: left;
+    align-items: center;
+    .icon-background {
+      display:flex;
+      justify-content: center;
+      align-items: center;
+      width:32px;
+      height:32px;
+      background: #ECECEC;
+      border-radius: 4px;
+      margin-right:6px;
+      .plugin-name-icon {
+        width:25px;
+        height:25px;
+        color:red;
+        display:flex;
+        justify-content: center;
+        align-items: center;
+      }
+    }
+  }
+  .two-line {
+    overflow: hidden; //超出的文本隐藏
+    text-overflow: ellipsis; //溢出用省略号显示
+    display: -webkit-box;
+    line-clamp:2 ;
+    -webkit-line-clamp: 2; // 超出多少行
+    -webkit-box-orient: vertical;
+  }
+}

src/assets/css/font/iconfont.css

@@ -1,8 +1,8 @@
 @font-face {
   font-family: "cn-icon"; /* Project id 2614877 */
-  src: url('iconfont.woff2?t=1701934971951') format('woff2'),
-       url('iconfont.woff?t=1701934971951') format('woff'),
-       url('iconfont.ttf?t=1701934971951') format('truetype');
+  src: url('iconfont.woff2?t=1703561754372') format('woff2'),
+       url('iconfont.woff?t=1703561754372') format('woff'),
+       url('iconfont.ttf?t=1703561754372') format('truetype');
 }
 
 .cn-icon {
@@ -13,6 +13,14 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+.cn-icon-system:before {
+  content: "\e6cc";
+}
+
+.cn-icon-plugin:before {
+  content: "\e6cd";
+}
+
 .cn-icon-IMSI:before {
   content: "\e812";
 }