fix: Replacing the Resource Management and Model Management Icons in the Plugin Bar (opentiny#1740)

Author: xuanlid

packages/design-core/assets/default-user.svg

@@ -1,6 +1,6 @@
 export default {
   id: 'engine.plugins.bridge',
-  title: '资源管理',
+  title: '工具管理',
   type: 'plugins',
-  icon: 'plugin-icon-sresources'
+  icon: 'plugin-icon-tool'
 }

packages/design-core/assets/plugin-icon-modelmanager.svg

@@ -14,7 +14,7 @@
         :class="['list-item', index === state.activeIndex ? 'active' : '']"
         @click.stop="openEdit(item, index)"
       >
-        <svg-icon name="plugin-icon-sresources" class="list-item-icon"></svg-icon>
+        <svg-icon name="plugin-icon-tool" class="list-item-icon"></svg-icon>
         <div class="item-label">{{ item.name }}</div>
         <svg-button
           class="setting-icon"

packages/design-core/assets/plugin-icon-resource.svg

@@ -25,7 +25,7 @@
             :class="['resource-item', { 'active-item': item.active }]"
             @click="openResourceList(item)"
           >
-            <span>
+            <span class="resource-item-content">
               <svg-icon name="plugin-icon-resource"></svg-icon>
               <span>{{ item.name }}</span>
             </span>
@@ -170,6 +170,13 @@ export default {
         display: inline;
       }
     }
+    .resource-item-content {
+      display: flex;
+      align-items: center;
+      .svg-icon {
+        margin-right: 8px;
+      }
+    }
   }
 
   .active-item {
@@ -180,5 +187,6 @@ export default {
 }
 .plugin-resource {
   width: 100%;
+  height: 100%;
 }
 </style>