submit

components/title-block/title-block.vue

@@ -1,8 +1,6 @@
 <template>
   <div class="content1" :style="{marginTop:`${statusBarHeight}px`}">
-    <div class="wrap1">
-      <slot name="left"></slot>
-    </div>
+    <div class="wrap1"> <slot name="left"></slot></div>
     <div class="wrap2">{{title}}</div>
     <div class="wrap3"></div>
   </div>
@@ -12,18 +10,20 @@ export default {
   name: "title-block",
   data(){
     return{
-      statusBarHeight: uni.getSystemInfoSync().statusBarHeight + 4
-    };
+      statusBarHeight:uni.getSystemInfoSync().statusBarHeight+5
+    }
   },
   props:{
     title:String
   }
-};
+}
 </script>
 <style scoped lang="scss">
 .content1{
+  height: 52rpx;
   display: flex;
-
+  align-items: center;
+  justify-content: space-between;
   .wrap1{
     flex-grow: 1;
     flex-basis: 0;
@@ -37,8 +37,10 @@ export default {
     justify-content: center;
     align-items: center;
     flex-grow: 1;
-    color: #4e964d;
+    flex-basis: 0;
+    color:#4E964D ;
     font-size: 32rpx;
   }
+
 }
 </style>