菜单定义，widgetview 挂件视图定义

src/views/ModelMain.vue

@@ -19,15 +19,17 @@
       <div class="btns-toolbar btns-toolbar-left">
         <div class="btns btns-top">
           <template v-for="panel in getWidgetBySide('left')">
-            <div class="item" :class="{selected:sectionLeftTitle===panel.name}" @click="btnLeftMe(panel)">
+            <div class="item" :class="{selected:sectionLeftTitle===panel.name}" @click="btnLeftMe(panel)"
-              {{ panel.title }}
+                 :title="panel.title">
+              <component :is="panel.icon" />
             </div>
           </template>
         </div>
         <div class="btns btns-bottom">
           <template v-for="panel in getWidgetBySide('bottom')">
-            <div class="item" :class="{selected:sectionBottomTitle===panel.name}" @click="btnBottomMe(panel)">
+            <div class="item" :class="{selected:sectionBottomTitle===panel.name}" @click="btnBottomMe(panel)"
-              {{ panel.title }}
+                 :title="panel.title">
+              <component :is="panel.icon" />
             </div>
           </template>
         </div>
@@ -135,8 +137,9 @@
       <div class="btns-toolbar btns-toolbar-right">
         <div class="btns btns-top">
           <template v-for="panel in getWidgetBySide('right')">
-            <div class="item" :class="{selected:sectionRightTitle===panel.name}" @click="btnRightMe(panel)">
+            <div class="item" :class="{selected:sectionRightTitle===panel.name}" @click="btnRightMe(panel)"
-              {{ panel.title }}
+                 :title="panel.title">
+              <component :is="panel.icon" />
             </div>
           </template>
         </div>