头部header ui封装

src/app-register.ts

@@ -163,5 +163,9 @@ export const AppComponents = {
         v.component('app-mob-button',() => import('@/components/ui-components/app-mob-button/app-mob-button.vue'));
         //图标
         v.component('app-mob-icon',() => import('@/components/ui-components/app-mob-icon/app-mob-icon.vue'));
+        //标题
+        v.component('app-mob-title',() => import('@/components/ui-components/app-mob-title/app-mob-title.vue'));
+        //header
+        v.component('app-mob-header',() => import('@/components/ui-components/app-mob-header/app-mob-header.vue'));       
     },
 };
\ No newline at end of file

src/components/ui-components/app-mob-header/app-mob-header.vue

+<template>
+    <ion-header>
+    <slot></slot>
+    </ion-header>
+</template>
+
+<script lang="ts">
+import { Component, Vue, Prop, Watch } from 'vue-property-decorator';
+@Component({})
+export default class AppMobHeader extends Vue {
+    
+}
+</script>
+<style lang='less'>
+@import './app-mob-header.less';
+</style>
\ No newline at end of file