fix

 <template>
 <template>
   <div class="header">
   <div class="header">
     <div class="back-wrapper flex" @touchend="onBack">
     <div class="back-wrapper flex" @touchend="onBack">
-      <div class="back"></div>
+      <div class="back" v-if="showBack"></div>
     </div>
     </div>
     <div class="title flex" :style="{opacity}">
     <div class="title flex" :style="{opacity}">
       <slot>
       <slot>
@@ -24,6 +24,10 @@ export default {
     opacity: {
     opacity: {
       type: Number,
       type: Number,
       default: 1
       default: 1
+    },
+    showBack: {
+      type: Boolean,
+      default: true
     }
     }
   },
   },
   computed: {
   computed: {

 <template>
 <template>
   <div class="layout">
   <div class="layout">
-    <LayoutHeader class="layout-header" :title="title" :opacity="opacity"></LayoutHeader>
+    <LayoutHeader class="layout-header" :title="title" :opacity="opacity" :show-back="showBack"></LayoutHeader>
     <div class="layout-context" :class="{fixscroll: this.fixscroll}">
     <div class="layout-context" :class="{fixscroll: this.fixscroll}">
       <slot></slot>
       <slot></slot>
     </div>
     </div>
@@ -21,6 +21,10 @@ export default {
     fixscroll: {
     fixscroll: {
       type: Boolean,
       type: Boolean,
       default: false
       default: false
+    },
+    showBack: {
+      type: Boolean,
+      default: true
     }
     }
   },
   },
   components: {
   components: {

@@ -26,6 +26,10 @@ export default {
 
 
 <style lang="scss" scoped>
 <style lang="scss" scoped>
 .banner {
 .banner {
+  font-size: 0;
+  padding-bottom: 20px;
+  background-color: #f0f0f0;
+
   img {
   img {
     position: relative;
     position: relative;
     width: 100%;
     width: 100%;

@@ -71,12 +71,12 @@ export default {
       font-size: 34px;
       font-size: 34px;
       color: #222;
       color: #222;
       text-align: center;
       text-align: center;
-      font-weight: 600;
+      font-weight: bold;
       margin-bottom: 20px;
       margin-bottom: 20px;
     }
     }
 
 
     .header-wrapper {
     .header-wrapper {
-      position: relative;
+      position: sticky;
       height: 100px;
       height: 100px;
     }
     }
 
 
@@ -118,10 +118,9 @@ export default {
       font-size: 28px;
       font-size: 28px;
       color: #444;
       color: #444;
       display: flex;
       display: flex;
-      border-bottom: 0.5PX solid #b0b0b0;
+      border-bottom: 0.5PX solid #e0e0e0;
       line-height: 100px;
       line-height: 100px;
       position: relative;
       position: relative;
-      display: flex;
       justify-content: space-between;
       justify-content: space-between;
     }
     }
 
 

 <template>
 <template>
-  <LayoutApp title="邀新返佣">
+  <LayoutApp title="邀新返佣" :show-back="false">
     <div class="body">
     <div class="body">
       <Banner></Banner>
       <Banner></Banner>
       <List></List>
       <List></List>

 {
 {
   "name": "ufo-app-web",
   "name": "ufo-app-web",
-  "version": "1.0.8",
+  "version": "1.0.9",
   "private": true,
   "private": true,
   "description": "A New Yohobuy Project With Express",
   "description": "A New Yohobuy Project With Express",
   "repository": {
   "repository": {