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>
@@ -10,35 +8,39 @@
 <script>
 export default {
   name: "title-block",
-  data() {
-    return {
-      statusBarHeight: uni.getSystemInfoSync().statusBarHeight + 4
-    };
+  data(){
+    return{
+      statusBarHeight:uni.getSystemInfoSync().statusBarHeight+5
+    }
   },
-  props: {
-    title: String
+  props:{
+    title:String
   }
-};
+}
 </script>
 <style scoped lang="scss">
-.content1 {
+.content1{
+  height: 52rpx;
   display: flex;
-
-  .wrap1 {
+  align-items: center;
+  justify-content: space-between;
+  .wrap1{
     flex-grow: 1;
     flex-basis: 0;
   }
-  .wrap3 {
+  .wrap3{
     flex-grow: 1;
     flex-basis: 0;
   }
-  .wrap2 {
+  .wrap2{
     display: flex;
     justify-content: center;
     align-items: center;
     flex-grow: 1;
-    color: #4e964d;
+    flex-basis: 0;
+    color:#4E964D ;
     font-size: 32rpx;
   }
+
 }
 </style>