数据

src/components/header.vue

@@ -1,7 +1,8 @@
 <template>
 <div class="n_header">
   <div class="n_header_h1">
-    <h1>{{ title1 }}</h1>
+    <slot></slot>
+    <h1 v-if="type === '1'">{{ title1 }}</h1>
   </div>
   <p class="p_title">{{ title2 }}</p>
   <div class="exit_btn iconfont" @click="back">&#xe85b;</div>
@@ -12,10 +13,10 @@
 export default {
   name: 'Header',
   data () {
-    return {
-    }
+    return {}
   },
   props: {
+    type: String,
     title1: String,
     title2: String
   },
@@ -50,14 +51,17 @@ export default {
 .n_header_h1
   width: 100%;
   height: 100%;
-  padding-top 12px
+  // padding-top 12px
+  text-align center
   h1
     font-size: 19px;
     font-weight: 700;
     color: #fff;
-    line-height: 1;
+    line-height: 40px;
+    height: 40px;
     text-align center;
     letter-spacing 3px
+    padding-left 3px
 .p_title
   position absolute
   left 1%
@@ -74,5 +78,5 @@ export default {
   line-height 16px
   font-size 16px
   color #AECAF5
-  text-align: center;
+  text-align center
 </style>