commit

 <template>
-  <div style="height: 100%; background-color: #f0f0f0;">
-      <ScrollView class="scroll-view" :data="ufoList" :options="scrollOptions" v-if="ufoList.length">
-        <CouponItem :item="item" v-for="(item, index) in ufoList" :key ="index"></CouponItem>
-      </ScrollView>
-      <Empty v-else></Empty>
+  <div class="coupon-page">
+    <ScrollView class="scroll-view" :data="ufoList" :options="scrollOptions" v-if="ufoList.length">
+      <CouponItem :item="item" v-for="(item, index) in ufoList" :key ="index"></CouponItem>
+    </ScrollView>
+    <Empty v-else></Empty>
   </div>
 </template>
 
@@ -25,7 +25,6 @@ export default {
     return {
       scrollOptions: {
         directionLockThreshold: 0,
-        bounce: true
       }
     };
   },
@@ -51,7 +50,14 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+.coupon-page {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+
   .scroll-view {
-    height: calc(100% - 90px);
+    flex: 1;
   }
+}
 </style>