头部ui

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

@@ -20,7 +20,7 @@
     <#--  是否输出视图标题以及内容：BEGIN  -->
     <#if (!view.isShowCaptionBar?? || view.isShowCaptionBar() == true)>
         <ion-toolbar>
-            <#if !view.isShowCaptionBar?? || view.isShowCaptionBar() == true><ion-title v-if="showTitle">{{$t(model.srfCaption)}}</ion-title></#if>
+            <#if !view.isShowCaptionBar?? || view.isShowCaptionBar() == true><app-mob-title v-if="showTitle">{{$t(model.srfCaption)}}</app-mob-title></#if>
         </ion-toolbar>
     </#if>
     </template>

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

@@ -14,7 +14,7 @@
 </#if>
 <ion-page :className="{ 'view-container': true<#if !isStyleName>, 'default-mode-view': true</#if>, '${view.getViewType()?lower_case}': true, '${srffilepath2(view.getCodeName())}': true<#if view.getPSSysCss?? && view.getPSSysCss()??>, '${view.getPSSysCss().getCssName()}': true</#if> }">
     
-    <ion-header>
+    <app-mob-header>
     <#if !view.isShowCaptionBar?? || view.isShowCaptionBar() == true>
         <ion-toolbar v-show="titleStatus" class="ionoc-view-header">
             <ion-buttons slot="start">
@@ -33,7 +33,7 @@
         </#list>
         <#--  输出左侧工具栏：END  -->
             </ion-buttons>
-            <#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>
+            <#if !view.isShowCaptionBar?? || view.isShowCaptionBar() == true><app-mob-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></app-mob-title></#if>
         <#--  输出右侧工具栏：BEGIN  -->
         <#if isOutputToolBar('MOBNAVRIGHTMENU')>
             <ion-buttons slot="end">
@@ -97,16 +97,16 @@
         </@ibizindent>
     </#if>
     <#--  自定义头部按钮：END  -->
-    </ion-header>
+    </app-mob-header>
 
     <#--  搜索表单：BEGIN   -->
     <#if view.hasPSControl('searchform')>
     <van-popup get-container="#app" :lazy-render="false" duration="0.2" v-model="searchformState" position="right" class="searchform" style="height: 100%; width: 85%;"  >
-        <ion-header>
+        <app-mob-header>
             <ion-toolbar translucent>
-                <ion-title>{{$t('app.searchForm.title')}}</ion-title>
+                <app-mob-title>{{$t('app.searchForm.title')}}</app-mob-title>
             </ion-toolbar>
-        </ion-header>
+        </app-mob-header>
         <div class="searchform_content">
             ${P.getCtrlCode('searchform', 'CONTROL.html').code}
         </div>

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

 <ion-page class="view-container ${srffilepath2(view.getCodeName())}<#if view.getPSSysCss?? && view.getPSSysCss()??> ${view.getPSSysCss().getCssName()}</#if>">
         <#if view.isShowCaptionBar()>
-    <ion-header>
+    <app-mob-header>
         <ion-toolbar class="ionoc-view-header">
             <ion-buttons slot="start">
                 <app-mob-button 
@@ -9,9 +9,9 @@
                     :text="$t('app.button.back')"
                     @click="closeView" />
             </ion-buttons>
-            <ion-title>{{$t(model.srfCaption)}}</ion-title>
+            <app-mob-title>{{$t(model.srfCaption)}}</app-mob-title>
         </ion-toolbar>
-    </ion-header>
+    </app-mob-header>
         </#if>
         <ion-content class="content-container">
 <@ibizindent blank=12>