底部工具栏调整 --step4

@CONTROL/工具栏/CONTROL.html#ITEM_ITEMS.ftl

@@ -4,7 +4,7 @@
 <#if ctrl.getToolbarStyle()?? >
 <#--  底部工具栏按钮：BEGIN  -->
 <#if ctrl.getToolbarStyle() == 'MOBBOTTOMMENU'>
-<ion-fab-button class="app-view-toolbar-button" @click="${ctrl.name}Models.${item.name}.isshow=!${ctrl.name}Models.${item.name}.isshow">
+<ion-fab-button class="app-view-toolbar-button">
 <#if item.isShowIcon()>
     <#if item.getPSSysImage()??>
     <ion-icon name="<#if item.getPSSysImage().getCssClass() != "">${item.getPSSysImage().getCssClass()}<#else>fa fa-ellipsis-h</#if>"  <#-- <#if item.getPSSysImage().getImagePath() != ""><img src="${item.getPSSysImage().getImagePath()}" /></#if> -->></ion-icon>
@@ -38,7 +38,7 @@
 </#if>
 
 <#if ctrl.getToolbarStyle() == 'MOBBOTTOMMENU' >
-<ion-fab-list side="top">
+<ion-fab-list side="<#if ctrl.getPSDEToolbarItems()?size > 1>start<#else>top<#/if>">
 <#list item.getPSDEToolbarItems() as toolbarItem>
     <ion-fab-button  @click="${ctrl.name}_click({ tag: '${toolbarItem.name}' }, $event)"><#if toolbarItem.isShowIcon()><#if toolbarItem.getPSSysImage()??>  <ion-icon name="<#if toolbarItem.getPSSysImage().getCssClass() != "">${toolbarItem.getPSSysImage().getCssClass()}<#else>reorder-four-outline</#if>" class="group_ion-icon"></ion-icon><#else><ion-icon class="group_ion-icon" name="reorder-four-outline"></ion-icon></#if></#if> {{<#if toolbarItem.isShowCaption()><#if langbase??>$t('${langbase}.${toolbarItem.name}.caption')<#else>'${toolbarItem.getCaption()}'</#if></#if>}} </ion-fab-button>
 </#list>

@CONTROL/工具栏/CONTROL.html.ftl

@@ -15,15 +15,17 @@
     <#--  流程操作菜单：END  -->
     <#elseif ctrl.getToolbarStyle() == 'MOBBOTTOMMENU'>
     <#--  底部菜单：BEGIN  -->
-<div <#if view.hasPSControl('mdctrl') ||  view.hasPSControl('dataview') ||  view.hasPSControl('calendar')>v-show="!showCheack"</#if> class = "bottom_menu">
-    <#list ctrl.getPSDEToolbarItems() as item>
-    <ion-fab vertical="bottom" horizontal="end" slot="fixed">
-        ${P.getPartCode(item).code}
-            <#if custom_toolbar??>
-                ${custom_toolbar}
-            </#if>
-    </ion-fab>
-    </#list>
+<div <#if view.hasPSControl('mdctrl') ||  view.hasPSControl('dataview') ||  view.hasPSControl('calendar')>v-show="!showCheack"</#if> class = "fab_container">
+    <div class="bottom_menu">
+        <#list ctrl.getPSDEToolbarItems() as item>
+        <ion-fab>
+            ${P.getPartCode(item).code}
+                <#if custom_toolbar??>
+                    ${custom_toolbar}
+                </#if>
+        </ion-fab>
+        </#list>
+    </div>
 </div>
     <#--  底部菜单：END  -->
     <#elseif ctrl.getToolbarStyle() == 'MOBNAVLEFTMENU'>

@CONTROL/工具栏/CONTROL.less.ftl

@@ -10,9 +10,6 @@
     height: @toolbar-bottomtoolbar-height;
     line-height: @toolbar-bottomtoolbar-height;
 }
-.bottom_menu{
-    text-align: center;
-}
 .app-${ctrl.name}-bar-overlay {
     .wrapper {
         display: flex;
@@ -44,6 +41,20 @@
         }
     }
 }
+.fab_container{
+  width: 60px;
+  position: fixed;
+  right: 3vh;
+  bottom: 1vh;
+
+  .bottom_menu{
+    width: 60px;
+    height: 70px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+  }
+}
 </#if>
 
 .toolbar_group_right{