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;
+  }
+}