修改

@@ -7,13 +7,24 @@ export default class BottomButtons extends React.Component {
     }
 
     render() {
+        const linkArr = this.props.links;
+        
+        if (!linkArr || !linkArr.length) {
+            return null;
+        }
+        
         return (
             <div className="comp-bottom-btns-wrap">
-                <a href="" className="button-item">
-                    <img className="btn-item-bg" src=""/>
-                </a>
-                <a href="" className="button-item"></a>
-                <a href="" className="button-item"></a>
+                {
+                    linkArr.map(link => {
+                        return (
+                            <a href="" className="button-item">
+                                <img className="btn-item-bg" src="https://cdn.yoho.cn/o_1cpeb6vql1nm9cvvls15n9184p24.png"/>
+                            </a>
+                        )
+                    })
+                }
+       
             </div>
         )
     }

@@ -12,11 +12,15 @@
         display: inline-block;
         flex: 1;
         margin-left: 20px;
-        border: 1px solid red;
         box-sizing: border-box;
         
         &:first-child {
             margin-left: 0;
         }
+        
+        .btn-item-bg {
+            width: 100%;
+            height: auto;
+        }
     }
 }
\ No newline at end of file

@@ -105,7 +105,7 @@ export default class wheelSurf extends PureComponent {
                 <img onClick={()=>{this.start()}} className="start-btn-bg" src={conf.prize_btn_bg}/>
                 {isEnding ? (<img className="prize-hit-bg" src={conf.win_prize_bg}/>) : ''}
                 {isEnding ? (<img className="prize-hit-start-bg" src={conf.prize_btn_bg}/>) : ''}
-                <BottomButtons className="button-btns"/>
+                <BottomButtons links={this.conf}/>
             </div>
         )
     }

@@ -5,7 +5,7 @@
     overflow-x: hidden;
 
     .main-bg {
-        width: 750px;
+        width: 100%;
         height: auto;
     }
     

@@ -45,6 +45,7 @@
     "compression-webpack-plugin": "^1.1.11",
     "copy-webpack-plugin": "^4.5.1",
     "css-loader": "^0.28.11",
+    "mini-css-extract-plugin":"^0.4.3",
     "file-loader": "^1.1.11",
     "html-webpack-plugin": "^3.2.0",
     "html-withimg-loader": "^0.1.16",