样式

src/components/coupons/common/ExchangeBar/exchange-bar.scss

@@ -4,6 +4,11 @@
     width: 100%;
     padding: 10px 12px;
     border-bottom: 1px solid $border_e7eaf1;
+    position: fixed;
+    top: 0;
+    left: 0;
+    z-index: 10;
+    background: $white;
 
     button {
         display: inline-block;

src/components/coupons/use-coupons/index.js

@@ -3,6 +3,7 @@ import './use-coupon.scss'
 
 import ExchangeaBar from "../common/ExchangeBar";
 import Coupon from '../common/Coupon'
+import { WithFullSize } from '@/HOCs'
 
 
 const mockData = {
@@ -62,10 +63,6 @@ class UseCoupon extends Component {
         this.setState({exchangeNum: val})
     }
 
-    componentDidMount() {
-        document.getElementsByClassName('tabbar')[0].style.display = 'none'
-    }
-
     render() {
         return (
             <div className='use-coupon'>
@@ -118,7 +115,7 @@ function Content({coupons, selected, ...rest}) {
                             selected={selected}
                             index={index}
                             {...rest}
-                        ></Coupon>
+                        />
                     )
                 })
             }
@@ -126,4 +123,4 @@ function Content({coupons, selected, ...rest}) {
     )
 }
 
-export default UseCoupon;
\ No newline at end of file
+export default WithFullSize(UseCoupon);
\ No newline at end of file

src/components/coupons/use-coupons/use-coupon.scss

@@ -6,7 +6,7 @@
     .coupons-area {
         padding: 15px 12px;
         background: $bg_f5f5f5;
-        flex: 1;
+        flex: 1 1 auto;
 
         .empty {
             min-height: 211px;