提交 ab93eb15 编写于 作者: Neuromancer255's avatar Neuromancer255

底部工具栏调整

上级 d99b609a
...@@ -31,7 +31,7 @@ ...@@ -31,7 +31,7 @@
<#if ctrl.getToolbarStyle() == 'MOBBOTTOMMENU' > <#if ctrl.getToolbarStyle() == 'MOBBOTTOMMENU' >
<#list item.getPSDEToolbarItems() as toolbarItem> <#list item.getPSDEToolbarItems() as toolbarItem>
${P.getPartCode(toolbarItem).code} ${P.getPartCode(toolbarItem,"ITEM_POPUPITEMS").code}
</#list> </#list>
</#if> </#if>
......
<#ibizinclude>
../@MACRO/CONTROL/LANGBASE.vue.ftl
</#ibizinclude>
<#ibizinclude>
../../@NAVPARAMS/FUNC/PUBLIC.vue.ftl
</#ibizinclude>
<#assign deuiaction=item.getPSUIAction()>
<#if ctrl.getToolbarStyle() == 'MOBBOTTOMMENU'>
<div :class="{'sub-item':true,'disabled':${(ctrl.getName())?lower_case}Models.${item.name}.disabled}" v-show="${(ctrl.getName())?lower_case}Models.${item.name}.visabled">
<ion-button :disabled="${(ctrl.getName())?lower_case}Models.${item.name}.disabled" @click="${ctrl.name}_click({ tag: '${item.name}' }, $event)" size="large">
<#if item.isShowIcon() && item.getPSSysImage()??>
<ion-icon name="<@setIcon item />"></ion-icon>
</#if>
</ion-button>
<span><#if item.isShowCaption()>{{<#if langbase??>$t('${langbase}.${item.name}.caption')<#else>'${item.getCaption()}'</#if>}}</#if></span>
</div>
</#if>
\ No newline at end of file
...@@ -21,8 +21,6 @@ ...@@ -21,8 +21,6 @@
<#list ctrl.getPSDEToolbarItems() as item> <#list ctrl.getPSDEToolbarItems() as item>
<#assign itemsLength = itemsLength + 1/> <#assign itemsLength = itemsLength + 1/>
</#list> </#list>
<#list ctrl.getPSDEToolbarItems() as item> <#list ctrl.getPSDEToolbarItems() as item>
<#if itemsLength == 1 && item_index == 0 && item.getPFPartCodeType() == "ITEM_DEUIACTION"> <#if itemsLength == 1 && item_index == 0 && item.getPFPartCodeType() == "ITEM_DEUIACTION">
<ion-fab v-show="getToolBarLimit"> <ion-fab v-show="getToolBarLimit">
...@@ -30,16 +28,18 @@ ...@@ -30,16 +28,18 @@
</ion-fab> </ion-fab>
<#else> <#else>
<ion-fab v-show="getToolBarLimit"> <ion-fab v-show="getToolBarLimit">
<ion-fab-button class="app-view-toolbar-button"><ion-icon name="chevron-up-circle-outline"></ion-icon></ion-fab-button> <ion-fab-button @click="popup" class="app-view-toolbar-button"><ion-icon name="chevron-up-circle-outline"></ion-icon></ion-fab-button>
<ion-fab-list class="fab-list" side="top"> </ion-fab>
<van-popup class="popup" v-model="showGrop" round position="bottom">
<div class="container">
<#list ctrl.getPSDEToolbarItems() as item> <#list ctrl.getPSDEToolbarItems() as item>
${P.getPartCode(item).code} ${P.getPartCode(item).code}
<#if custom_toolbar??> <#if custom_toolbar??>
${custom_toolbar} ${custom_toolbar}
</#if> </#if>
</#list> </#list>
</ion-fab-list> </div>
</ion-fab> </van-popup>
</#if> </#if>
<#break> <#break>
</#list> </#list>
......
...@@ -55,9 +55,43 @@ ...@@ -55,9 +55,43 @@
z-index: 9999; z-index: 9999;
} }
} }
.fab-list{ .popup {
ion-fab-button{ height: 40%;
--background:#eeeeee; padding-top: 20px;
.container {
width: 100%;
height: 100%;
display: flex;
align-content: flex-start;
flex-wrap: wrap;
.sub-item {
margin-top: 10px;
box-sizing: border-box;
flex: 0 0 25%;
height: 100px;
display: flex;
color: black;
flex-direction: column;
justify-content: center;
align-items: center;
ion-button {
width: 60px !important;
height: 60px;
padding: 0 !important;
--background:green !important;
--border-radius:50% !important;
--padding-bottom:0;
--padding-end:0;
--padding-start:0;
--padding-top:0;
.button-inner {
--border-radius:40px !important;
}
}
}
.disabled {
color: #a8a8a8;
}
} }
} }
</#if> </#if>
......
...@@ -41,6 +41,24 @@ ...@@ -41,6 +41,24 @@
} }
return toolBarVisable; return toolBarVisable;
} }
/**
* 工具栏分组是否显示的条件
*
* @type {boolean}
* @memberof ${srfclassname('${view.name}')}
*/
public show:boolean = false;
/**
* 工具栏分组是否显示的方法
*
* @type {boolean}
* @memberof ${srfclassname('${view.name}')}
*/
public popup () {
this.show = !this.show;
}
</#if> </#if>
Markdown 格式
0% or
您添加了 0 到此讨论。请谨慎行事。
先完成此消息的编辑!
想要评论请 注册