图标ui

@CONTROL/上下文菜单/CONTROL.html#ITEM_DEUIACTION.ftl

@@ -4,7 +4,7 @@
 
 <div class="context-menu-item" name='${item.name}' v-show="this.copyActionModel['${item.name}'].visabled"  @click="${ctrl.name}_click({tag: '${item.name}'}),context_menu_click()">
     <#if item.isShowIcon() && item.getPSSysImage()??>
-            <ion-icon name="<@setIcon item />"></ion-icon>
+            <app-mob-icon name="<@setIcon item />"></app-mob-icon>
     </#if>
     ${item.getCaption()}
 </div>
\ No newline at end of file

@CONTROL/多编辑视图面板/CONTROL-BASE.vue.ftl

@@ -6,7 +6,7 @@ ${ctrl.render.code}
 <div class="app-medit-view-panel">
     <div v-for="item in items" :key="item.id" class="app-medit-view-panel-card">
         <ion-card>
-          <div class="meditviewpanel_delete_icon_container" ><ion-icon @click="deleteItem(item)" class="meditviewpanel_delete_icon" name="close-circle-outline"></ion-icon></div>
+          <div class="meditviewpanel_delete_icon_container" ><app-mob-icon @onClick="deleteItem(item)" class="meditviewpanel_delete_icon" name="close-circle-outline"></app-mob-icon></div>
           <ion-card-content>
             <${srffilepath2(ctrl.getEmbeddedPSAppView().getCodeName())} 
               class="viewcontainer2"
@@ -23,7 +23,7 @@ ${ctrl.render.code}
           </ion-card-content>
         </ion-card>
     </div>
-    <div @click="handleAdd" class="meditviewpanel_add_btn"><ion-icon name="add"></ion-icon></div>
+    <div @click="handleAdd" class="meditviewpanel_add_btn"><app-mob-icon name="add"></app-mob-icon></div>
 </div>
 </#if>
 </div>

@CONTROL/搜索表单/CONTROL-BASE.template.ftl

@@ -30,7 +30,7 @@
                         <#if formpage.getPSSysImage()??>
                         <#assign sysimage = formpage.getPSSysImage()/>
                         <#if sysimage.getImagePath() ==  "">
-                            <ion-icon name="<@setIcon formpage />" style="margin-right: 2px"></ion-icon>
+                            <app-mob-icon name="<@setIcon formpage />" style="margin-right: 2px"></app-mob-icon>
                         <#else>
                             <img src="${sysimage.getImagePath()}" style="margin-right: 2px"/>
                         </#if>

@CONTROL/搜索表单/CONTROL-BASE.vue#DETAIL_FORMPAGE.ftl

@@ -2,7 +2,7 @@
 ../../@NAVPARAMS/FUNC/PUBLIC.vue.ftl
 </#ibizinclude>
 <#assign content>
-<#if item.getPSSysImage()??><#assign img=item.getPSSysImage()><#if img.getCssClass()?? && (img.getCssClass()?length gt 0)><ion-icon name="<@setIcon item />" style="margin-right: 2px;"></ion-icon></#if></#if>
+<#if item.getPSSysImage()??><#assign img=item.getPSSysImage()><#if img.getCssClass()?? && (img.getCssClass()?length gt 0)><app-mob-icon name="<@setIcon item />" style="margin-right: 2px;"></app-mob-icon></#if></#if>
 <#list item.getPSDEFormDetails() as formmenber>
     <#if !(formmenber.isHidden?? && formmenber.isHidden())>    
     <#ibizinclude>

@CONTROL/搜索表单/CONTROL-BASE.vue#DETAIL_GROUPPANEL.ftl

@@ -33,7 +33,7 @@ ${item.render.code}
 </#assign>
 <#if item.getPSLayout()?? &&  item.getPSLayout().getLayout() == "FLEX">
 <#assign pageLayout = item.getPSLayout()>
-        <#if item.getPSSysImage()??><#assign img=item.getPSSysImage()><#if img.getCssClass()?? && (img.getCssClass()?length gt 0)><ion-icon name="<@setIcon item />" style="margin-right: 2px;"></ion-icon></#if></#if>    
+        <#if item.getPSSysImage()??><#assign img=item.getPSSysImage()><#if img.getCssClass()?? && (img.getCssClass()?length gt 0)><app-mob-icon name="<@setIcon item />" style="margin-right: 2px;"></app-mob-icon></#if></#if>    
         ${content}    
     </div>
 <#else>

@CONTROL/数据看板/CONTROL-BASE.template.ftl

 <template>
     <ion-grid class="app-mob-dashboard <#if appde??>${appde.getCodeName()?lower_case}-${ctrl.name}</#if> <#if ctrl.getPSSysCss()??><#assign singleCss = ctrl.getPSSysCss()> ${singleCss.getCssName()}</#if>">
-        <div v-show="isEnableCustomized" class="dashboard-enableCustomized" @click="openCustomized">定制仪表盘<ion-icon name="settings-outline"></ion-icon></div>
+        <div v-show="isEnableCustomized" class="dashboard-enableCustomized" @click="openCustomized">定制仪表盘<app-mob-icon name="settings-outline"></app-mob-icon></div>
         <#list ctrl.getAllPSPortlets() as portlet><#t>
         <#if portlet.getPortletType?? && portlet.getPortletType()?? && portlet.getPortletType() != 'CONTAINER'><#t>
             <ion-card class="dashboard-item ${portlet.getPortletType()?lower_case}"  v-if="!isEnableCustomized">

@CONTROL/日历部件/CONTROL-BASE.template.ftl

@@ -24,8 +24,8 @@
     <#--  日历样式----天  -->  
     <#elseif ctrl.getCalendarStyle() == "DAY">
             <div class="calendar-tools">
-                <div class="calendar-prev" @click="prevDate"><ion-icon name="chevron-back-outline"></ion-icon></div>
-                <div class="calendar-next" @click="nextDate"><ion-icon name="chevron-forward-outline"></ion-icon></div>
+                <div class="calendar-prev" @click="prevDate"><app-mob-icon name="chevron-back-outline"></app-mob-icon></div>
+                <div class="calendar-next" @click="nextDate"><app-mob-icon name="chevron-forward-outline"></app-mob-icon></div>
                 <div class="calendar-info">
                 {{year}}年{{month+1}}月{{day}}日
                 </div>
@@ -79,7 +79,7 @@
 <#ibizinclude>./EVENTS_CONTENT.vue.ftl</#ibizinclude>
 <#--  END: 事件内容项 -->
                         </template>
-                        <ion-icon @click="remove([item])" class="event-delete" name="close-outline"></ion-icon>
+                        <app-mob-icon @onClick="remove([item])" class="event-delete" name="close-outline"></app-mob-icon>
                         </div>
                         </template>
                     </van-step>
@@ -97,7 +97,7 @@
     <#-- BENGIN： 事件内容项 -->                    
     <#ibizinclude>./EVENTS_CONTENT.vue.ftl</#ibizinclude>
     <#--  END: 事件内容项 -->
-                            <ion-icon v-show="!isChoose" @click="remove([item])" class="event-delete" name="close-outline"></ion-icon>
+                            <app-mob-icon v-show="!isChoose" @click="remove([item])" class="event-delete" name="close-outline"></app-mob-icon>
                             </div>
                         </div>
                     </van-step>

@CONTROL/树视图/CONTROL-BASE.template.ftl

@@ -14,7 +14,7 @@
         <template v-for="(item ,index) in rootNodes">
             <ion-item  :key="index" @click="click_node(item)">
                 <ion-label>{{item.text}}</ion-label>
-                <ion-icon class="tree-icon" slot="end" name="chevron-forward-outline"></ion-icon>
+                <app-mob-icon class="tree-icon" position="end" name="chevron-forward-outline"></app-mob-icon>
             </ion-item>
         </template>
        </ion-list>

@CONTROL/移动端多项数据控件/ACTION_GROUP.vue.ftl

@@ -5,7 +5,7 @@
             <#list details as detail>
                 <#if  detail.getPSUIAction()??>
                     <#assign uiaction = detail.getPSUIAction()>
-                            <ion-item-option v-show="item.${uiaction.getCodeName()}.visabled" :disabled="item.${uiaction.getCodeName()}.disabled"  color="<#if uiaction.getUIActionTag() == "Remove">danger<#else>primary</#if>" @click="mdctrl_click($event, '${detail.getName()}', item)"><ion-icon v-if="item.${uiaction.getCodeName()}.icon && item.${uiaction.getCodeName()}.isShowIcon" :name="item.${uiaction.getCodeName()}.icon"></ion-icon><ion-label v-if="item.${uiaction.getCodeName()}.isShowCaption">${uiaction.getCaption()}</ion-label></ion-item-option>
+                            <ion-item-option v-show="item.${uiaction.getCodeName()}.visabled" :disabled="item.${uiaction.getCodeName()}.disabled"  color="<#if uiaction.getUIActionTag() == "Remove">danger<#else>primary</#if>" @click="mdctrl_click($event, '${detail.getName()}', item)"><app-mob-icon v-if="item.${uiaction.getCodeName()}.icon && item.${uiaction.getCodeName()}.isShowIcon" :name="item.${uiaction.getCodeName()}.icon"></app-mob-icon><ion-label v-if="item.${uiaction.getCodeName()}.isShowCaption">${uiaction.getCaption()}</ion-label></ion-item-option>
                 </#if>
             </#list>
                         </ion-item-options>
@@ -16,7 +16,7 @@
         <#list details as detail>
                 <#if  detail.getPSUIAction()??>
                 <#assign uiaction = detail.getPSUIAction()>
-                            <ion-item-option v-show="item.${uiaction.getCodeName()}.visabled" :disabled="item.${uiaction.getCodeName()}.disabled" color="<#if uiaction.getUIActionTag() == "Remove">danger<#else>primary</#if>" @click="mdctrl_click($event, '${detail.getName()}', item)"><ion-icon v-if="item.${uiaction.getCodeName()}.icon && item.${uiaction.getCodeName()}.isShowIcon" :name="item.${uiaction.getCodeName()}.icon"></ion-icon><ion-label v-if="item.${uiaction.getCodeName()}.isShowCaption">${uiaction.getCaption()}</ion-label></ion-item-option>
+                            <ion-item-option v-show="item.${uiaction.getCodeName()}.visabled" :disabled="item.${uiaction.getCodeName()}.disabled" color="<#if uiaction.getUIActionTag() == "Remove">danger<#else>primary</#if>" @click="mdctrl_click($event, '${detail.getName()}', item)"><app-mob-icon v-if="item.${uiaction.getCodeName()}.icon && item.${uiaction.getCodeName()}.isShowIcon" :name="item.${uiaction.getCodeName()}.icon"></app-mob-icon><ion-label v-if="item.${uiaction.getCodeName()}.isShowCaption">${uiaction.getCaption()}</ion-label></ion-item-option>
                 </#if>
         </#list>
                         </ion-item-options>

@CONTROL/表单/CONTROL-BASE.template.ftl

@@ -30,7 +30,7 @@
                         <#if formpage.getPSSysImage()??>
                         <#assign sysimage = formpage.getPSSysImage()/>
                         <#if sysimage.getImagePath() ==  "">
-                            <ion-icon name="<@setIcon formpage />" style="margin-right: 2px"></ion-icon>
+                            <app-mob-icon name="<@setIcon formpage />" style="margin-right: 2px"></app-mob-icon>
                         <#else>
                             <img src="${sysimage.getImagePath()}" style="margin-right: 2px"/>
                         </#if>

@CONTROL/表单/CONTROL-BASE.vue#DETAIL_FORMPAGE.ftl

@@ -2,7 +2,7 @@
 ../../@NAVPARAMS/FUNC/PUBLIC.vue.ftl
 </#ibizinclude>
 <#assign content>
-<#if item.getPSSysImage()??><#assign img=item.getPSSysImage()><#if img.getCssClass()?? && (img.getCssClass()?length gt 0)><ion-icon name="<@setIcon item />" style="margin-right: 2px;"></ion-icon></#if></#if>
+<#if item.getPSSysImage()??><#assign img=item.getPSSysImage()><#if img.getCssClass()?? && (img.getCssClass()?length gt 0)><app-mob-icon name="<@setIcon item />" style="margin-right: 2px;"></app-mob-icon></#if></#if>
 <#list item.getPSDEFormDetails() as formmenber>
     <#if !(formmenber.isHidden?? && formmenber.isHidden())>    
     <#ibizinclude>

@CONTROL/表单/CONTROL-BASE.vue#DETAIL_GROUPPANEL.ftl

@@ -35,7 +35,7 @@ ${item.render.code}
 </#assign>
 <#if item.getPSLayout()?? &&  item.getPSLayout().getLayout() == "FLEX">
 <#assign pageLayout = item.getPSLayout()>
-        <#if item.getPSSysImage()??><#assign img=item.getPSSysImage()><#if img.getCssClass()?? && (img.getCssClass()?length gt 0)><ion-icon class="${img.getCssClass()}" style="margin-right: 2px;" name="<@setIcon item />"></ion-icon></#if></#if>    
+        <#if item.getPSSysImage()??><#assign img=item.getPSSysImage()><#if img.getCssClass()?? && (img.getCssClass()?length gt 0)><app-mob-icon class="${img.getCssClass()}" style="margin-right: 2px;" name="<@setIcon item />"></app-mob-icon></#if></#if>    
         ${content}    
     </div>
 <#else>

@CONTROL/视图布局面板/@MACRO/EMBED_VIEW_LAYOUT_BASE.ftl

@@ -65,9 +65,9 @@
         <div class="toolbar_group_<#if ctrl.getToolbarStyle() == 'MOBNAVRIGHTMENU'>right<#else>left</#if>" v-show="${ctrl.name}Models.${item.name}.isshow" >
             <ion-list class="ionlist">
         <#list item.getPSDEToolbarItems() as toolbarItem>
-                <ion-item  @click="${ctrl.name}_click({ tag: '${toolbarItem.name}' }, $event), ${ctrl.name}Models.${item.name}.isshow=false"><#if toolbarItem.isShowIcon()><#if toolbarItem.getPSSysImage()??>  <ion-icon name="<@setIcon toolbarItem />" 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-item>
+                <ion-item  @click="${ctrl.name}_click({ tag: '${toolbarItem.name}' }, $event), ${ctrl.name}Models.${item.name}.isshow=false"><#if toolbarItem.isShowIcon()><#if toolbarItem.getPSSysImage()??>  <app-mob-icon name="<@setIcon toolbarItem />" class="group_ion-icon"></app-mob-icon><#else><app-mob-icon class="group_ion-icon" name="reorder-four-outline"></app-mob-icon></#if></#if> {{<#if toolbarItem.isShowCaption()><#if langbase??>$t('${langbase}.${toolbarItem.name}.caption')<#else>'${toolbarItem.getCaption()}'</#if></#if>}} </ion-item>
         </#list>
-                <ion-item  @click="${ctrl.name}Models.${item.name}.isshow=false"> <ion-icon name="close" class="group_ion-icon"></ion-icon> 关闭 </ion-item>
+                <ion-item  @click="${ctrl.name}Models.${item.name}.isshow=false"> <app-mob-icon name="close" class="group_ion-icon"></app-mob-icon> 关闭 </ion-item>
             </ion-list>
         </div>
         </#if>
@@ -127,7 +127,7 @@
     <div v-show="${ctrl.name}Models.${item.name}.isshow" class="footer_group">
       <ion-list class="ionlist">
     <#list item.getPSDEToolbarItems() as toolbarItem>
-        <ion-item  @click="${ctrl.name}_click({ tag: '${toolbarItem.name}' }, $event), ${ctrl.name}Models.${item.name}.isshow=false"><#if toolbarItem.isShowIcon()><#if toolbarItem.getPSSysImage()??>  <ion-icon name="<@setIcon toolbarItem />" 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-item>
+        <ion-item  @click="${ctrl.name}_click({ tag: '${toolbarItem.name}' }, $event), ${ctrl.name}Models.${item.name}.isshow=false"><#if toolbarItem.isShowIcon()><#if toolbarItem.getPSSysImage()??>  <app-mob-icon name="<@setIcon toolbarItem />" class="group_ion-icon"></app-mob-icon><#else><app-mob-icon class="group_ion-icon" name="reorder-four-outline"></app-mob-icon></#if></#if> {{<#if toolbarItem.isShowCaption()><#if langbase??>$t('${langbase}.${toolbarItem.name}.caption')<#else>'${toolbarItem.getCaption()}'</#if></#if>}} </ion-item>
     </#list>
       </ion-list>
     </div>

@CONTROL/视图布局面板/@MACRO/MOBPICUPVIEW.vue.ftl

@@ -38,7 +38,7 @@ ${P.getCtrlCode('pickupviewpanel', 'CONTROL.html').code}
       </van-action-sheet>
       </#if>
       </#if>
-      <div class="selectedCount"  <#if isTreeView>@click="select_click"</#if>>已选择：{{viewSelections.length}}<ion-icon name="chevron-up-outline"></ion-icon></div>
+      <div class="selectedCount"  <#if isTreeView>@click="select_click"</#if>>已选择：{{viewSelections.length}}<app-mob-icon name="chevron-up-outline"></app-mob-icon></div>
       <app-mob-button 
           class="pick-btn" 
           :text="$t('app.button.confirm')"

@CONTROL/视图布局面板/@MACRO/MOB_MD_VIEW.vue.ftl

@@ -29,8 +29,8 @@
                 <div class="view-tool-sorts-item">
                     <span :class="{text:true,active:hasColor}" @click="onSort('<#if item.getName()??>${item.getName()}</#if>')"><#if item.getCaption()??>${item.getCaption()}</#if></span>
                     <span class="sort-icon" @click="onSort('<#if item.getName()??>${item.getName()}</#if>')">
-                        <ion-icon :class="{'ios' : true ,'hydrated': true ,'sort-select': sort.asc == '<#if item.getName()??>${item.getName()}</#if>'}" name="chevron-up-outline" ></ion-icon>
-                        <ion-icon :class="{'ios' : true ,'hydrated': true ,'sort-select': sort.desc == '<#if item.getName()??>${item.getName()}</#if>'}" name="chevron-down-outline" ></ion-icon>
+                        <app-mob-icon :class="{'ios' : true ,'hydrated': true ,'sort-select': sort.asc == '<#if item.getName()??>${item.getName()}</#if>'}" name="chevron-up-outline" ></app-mob-icon>
+                        <app-mob-icon :class="{'ios' : true ,'hydrated': true ,'sort-select': sort.desc == '<#if item.getName()??>${item.getName()}</#if>'}" name="chevron-down-outline" ></app-mob-icon>
                     </span>
                 </div>
                 </#if>

@CONTROL/视图布局面板/@MACRO/VIEW_LAYOUT_BASE.ftl

@@ -33,7 +33,7 @@
         </#list>
         <#--  输出左侧工具栏：END  -->
             </ion-buttons>
-            <#if !view.isShowCaptionBar?? || view.isShowCaptionBar() == true><ion-title class="view-title"><label class="title-label"><ion-icon v-if="model.icon" :name="model.icon"></ion-icon> <img v-else-if="model.iconcls" :src="model.iconcls" alt=""> {{$t(model.srfCaption)}}</label></ion-title></#if>
+            <#if !view.isShowCaptionBar?? || view.isShowCaptionBar() == true><ion-title class="view-title"><label class="title-label"><app-mob-icon v-if="model.icon" :name="model.icon"></app-mob-icon> <img v-else-if="model.iconcls" :src="model.iconcls" alt=""> {{$t(model.srfCaption)}}</label></ion-title></#if>
         <#--  输出右侧工具栏：BEGIN  -->
         <#if isOutputToolBar('MOBNAVRIGHTMENU')>
             <ion-buttons slot="end">
@@ -59,9 +59,9 @@
         <div class="toolbar_group_<#if ctrl.getToolbarStyle() == 'MOBNAVRIGHTMENU'>right<#else>left</#if>" v-show="${ctrl.name}Models.${item.name}.isshow" >
             <ion-list class="ionlist">
         <#list item.getPSDEToolbarItems() as toolbarItem>
-                <ion-item  @click="${ctrl.name}_click({ tag: '${toolbarItem.name}' }, $event), ${ctrl.name}Models.${item.name}.isshow=false"><#if toolbarItem.isShowIcon()><#if toolbarItem.getPSSysImage()??>  <ion-icon name="<@setIcon toolbarItem />" 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-item>
+                <ion-item  @click="${ctrl.name}_click({ tag: '${toolbarItem.name}' }, $event), ${ctrl.name}Models.${item.name}.isshow=false"><#if toolbarItem.isShowIcon()><#if toolbarItem.getPSSysImage()??>  <app-mob-icon name="<@setIcon toolbarItem />" class="group_ion-icon"></app-mob-icon><#else><app-mob-icon class="group_ion-icon" name="reorder-four-outline"></app-mob-icon></#if></#if> {{<#if toolbarItem.isShowCaption()><#if langbase??>$t('${langbase}.${toolbarItem.name}.caption')<#else>'${toolbarItem.getCaption()}'</#if></#if>}} </ion-item>
         </#list>
-                <ion-item  @click="${ctrl.name}Models.${item.name}.isshow=false"> <ion-icon name="close" class="group_ion-icon"></ion-icon> 关闭 </ion-item>
+                <ion-item  @click="${ctrl.name}Models.${item.name}.isshow=false"> <app-mob-icon name="close" class="group_ion-icon"></app-mob-icon> 关闭 </ion-item>
             </ion-list>
         </div>
         </#if>

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

@@ -10,7 +10,7 @@
                 <#list tabexppanel.getPSControls() as tabviewpanel>
                 <ion-segment-button value="${tabviewpanel.name}">
                 <#if tabviewpanel.getPSSysImage?? && tabviewpanel.getPSSysImage()?? && tabviewpanel.getPSSysImage().getCssClass?? && tabviewpanel.getPSSysImage().getCssClass()?? >               
-                  <ion-icon name="<@setIcon tabviewpanel />"></ion-icon>
+                  <app-mob-icon name="<@setIcon tabviewpanel />"></app-mob-icon>
                 </#if>
                 <#if tabviewpanel.getCounterId?? && tabviewpanel.getCounterId()?? && tabviewpanel.getCounterId() != ''><ion-badge color="danger">{{counter.counterData.${tabviewpanel.getCounterId()?lower_case}?counter.counterData.${tabviewpanel.getCounterId()?lower_case}:''}}</ion-badge></#if>
                 ${tabviewpanel.getCaption()}</ion-segment-button>

@CONTROL/视图布局面板/视图布局面板/VIEW.vue#ITEM_BUTTON.ftl

@@ -9,7 +9,7 @@
     <van-button type="primary" long<#if item.getHeight() gt 0> style="height: ${item.getHeight()?c}px;"</#if>>
         <#if item.getPSSysImage()??>
         <#assign image = item.getPSSysImage()>
-        <ion-icon name="<@setIcon item />"></ion-icon>
+        <app-mob-icon name="<@setIcon item />"></app-mob-icon>
         </#if>
         <#if item.isShowCaption()>
         <span<#if item.getLabelPSSysCss()??> class="${item.getLabelPSSysCss().getCssName()}"</#if><#if item.getLabelPSSysCss()??> style="${item.getLabelPSSysCss().getRawCssStyle()}"</#if>>${item.getCaption()}</span>
@@ -21,7 +21,7 @@
     <van-button type="primary" long<#if item.getHeight() gt 0> style="height: ${item.getHeight()?c}px;"</#if>>
         <#if item.getPSSysImage()??>
         <#assign image = item.getPSSysImage()>
-        <ion-icon name="<@setIcon item />"></ion-icon>
+        <app-mob-icon name="<@setIcon item />"></app-mob-icon>
         </#if>
         <#if item.isShowCaption()>
         <span<#if item.getLabelPSSysCss()??> class="${item.getLabelPSSysCss().getCssName()}"</#if><#if item.getLabelPSSysCss()??> style="${item.getLabelPSSysCss().getRawCssStyle()}"</#if>>${item.getCaption()}</span>

@CONTROL/门户部件/CONTROL-BASE.template.ftl

@@ -6,7 +6,7 @@
                 <ion-input v-if="isEditTitle" :value="editTitle" @ionChange="titleChange"></ion-input>
                 <span v-if="!isEditTitle"><span v-if="customizeTitle">{{customizeTitle}}</span><span v-else>{{$t('app.portlets.${ctrl.getCodeName()?lower_case}.caption')}}</span></span>
                 <div v-if="actionBarModelData && actionBarModelData.length> 0" class="portlet__header_right">
-                    <ion-icon v-if="!isEditTitle" name="ellipsis-horizontal-outline" @click="open"></ion-icon>
+                    <app-mob-icon v-if="!isEditTitle" name="ellipsis-horizontal-outline" @onClick="open"></app-mob-icon>
                 </div>
             </ion-list-header>
             <div class="edit_title_btn" :style="edit_title_btn">