分页导航添加图标和数字小圆点

@CONTROL/视图布局面板/实体移动端分页导航视图/VIEW.less.ftl

 <#ibizinclude>
 ../@MACRO/DEFAULT.less.ftl
 </#ibizinclude>
+
+.demobtabexpview{
+  ion-header{
+    ion-segment{      
+      ion-segment-button{
+        line-height: 20px;
+        position:relative;
+        ion-badge{
+          position: absolute;
+          top: -5px;
+          right: -32px;
+        }
+        ion-icon{
+          font-size: 20px;
+          position: absolute;
+          top: -1px;
+          left: -28px;
+        }
+      }
+    }
+  }
+}
\ No newline at end of file

@CONTROL/视图布局面板/实体移动端分页导航视图/VIEW.vue.ftl

@@ -5,7 +5,12 @@
             <ion-segment :value="activiedTabViewPanel" @ionChange="tabExpPanelChange($event)">
             <#if tabexppanel.getPSControls()??>
                 <#list tabexppanel.getPSControls() as tabviewpanel>
-                <ion-segment-button value="${tabviewpanel.name}">${tabviewpanel.getCaption()}</ion-segment-button>
+                <ion-segment-button value="${tabviewpanel.name}">
+                <#if tabviewpanel.getPSSysImage?? && tabviewpanel.getPSSysImage()?? >
+                <ion-icon name="${tabviewpanel.getPSSysImage().getName()}"></ion-icon>
+                </#if>
+                <ion-badge v-if="false" color="danger">2</ion-badge>
+                ${tabviewpanel.getCaption()}</ion-segment-button>
                 </#list>
             </#if>
             </ion-segment>