css

src/project/szpc/AppCircle/AppCircle.vue

@@ -1,13 +1,7 @@
 <template>
-  <div class="AppCircle" :style="{paddingTop: (statusBarHeight + 102) + 'px'}" :background="background">
+  <div class="AppCircle">
+    <u-navbar :is-back="true" title="邻里互助" title-color="#fff" title-width="300" title-size="32" :background="background" :title-bold="true" back-icon-color="#fff"></u-navbar>
    <div class="header">
-      <div class="status-bar" :style="{height: statusBarHeight + 'px'}"></div>
-      <div class="nav-bar" :style="{
-        height: '88rpx',
-        lineHeight: '88rpx'
-      }">
-        <h2>邻里互助</h2>
-      </div>
       <div class="top">
         <div class="left">
           <span @click="changeTab(0)" :class="{active:currIndex === 0}">广场</span>
@@ -279,14 +273,14 @@
 
 <style scoped lang="scss">
   .AppCircle {
-    padding-top: 100px;
+    // padding-top: 100px;
     padding-bottom: 40px;
 
     .header {
-      position: fixed;
-      left: 0;
-      top: 0;
-      z-index: 111;
+      // position: fixed;
+      // left: 0;
+      // top: 0;
+      // z-index: 111;
       width: 100%;
       opacity: 1;
       transition: all 0.2s ease;