图标菜单样式

src/components/app-mob-menu-ionic-view/app-mob-menu-ionic-view.vue

@@ -19,9 +19,11 @@
                                 <template v-else>
                                     <ion-icon name="home-outline"></ion-icon>
                                 </template>
-                                <ion-label>{{$t(`app.menus.${menuName}.${item.name}`)}}</ion-label>
-                                <template v-if="counterdata[item.counterid]">
-                                    <ion-badge color="danger">{{counterdata[item.counterid]}}</ion-badge>
+                                <!-- badge_style是为了用户在设置了图片图标时计数器会出现样式错乱， -->
+                                <ion-icon v-show="false" name="badge_style" />
+                                <ion-label >{{$t(`app.menus.${menuName}.${item.name}`)}}</ion-label>
+                                <template v-if="counterServide">
+                                    <ion-badge color="danger" v-if="counterServide.counterData[item.counterid]">{{counterServide.counterData[item.counterid]}}</ion-badge>
                                 </template>
                             </ion-tab-button>
                         </ion-col>
@@ -84,15 +86,6 @@ export default class AppMobMenuIonicView extends Vue {
         this.select(name);
     }
 
-
-    /**
-     * 计数器数据
-     *
-     * @type {*}
-     * @memberof AppMobMenuIonicView
-     */
-    public counterdata: any = {};
-
     /**
      * vue 生命周期
      *
@@ -108,9 +101,16 @@ export default class AppMobMenuIonicView extends Vue {
      * @memberof AppMobMenuIonicView
      */
     public destroyed() {
-        this.counterdata = null;
+        this.counterServide.destroyCounter();
     }
 
+    /**
+     * 计数器
+     *
+     * @memberof AppMobMenuDefaultView
+     */
+    public counterServide:any = null;
+
     /**
      * 加载计数器数据
      *
@@ -119,14 +119,9 @@ export default class AppMobMenuIonicView extends Vue {
      */
     public async loadCounterData(): Promise<any> {
         const counterServiceConstructor = window.counterServiceConstructor;
-        const counterServide = await counterServiceConstructor.getService(this.counterName);
-        if (counterServide) {
-            this.counterdata = counterServide.counterData;
-        }
+        this.counterServide = await counterServiceConstructor.getService(this.counterName);
     }
 
-    
-
     /**
      * 动态栅格
      *