fix: 样式修改

client/components/Footer/Footer.js

@@ -2,7 +2,6 @@ import './Footer.scss'
 import React, { Component } from 'react'
 import PropTypes from 'prop-types'
 import { Icon } from 'antd'
-
 class Footer extends Component {
   constructor(props) {
     super(props)
@@ -11,8 +10,12 @@ class Footer extends Component {
     footList: PropTypes.array
   }
   render () {
+    const style = {
+      'background': 'url(./image/footer-bac.jpg)'
+    }
     return (
-      <div className = 'footer'>
+      <div className = 'footer' style = {style}>
+       
         <div className = 'footContent'>
           { this.props.footList.map(function(item,i){
             return <FootItem key = { i } linkList = { item.linkList } title = { item.title } iconType = { item.iconType } ></FootItem>
@@ -22,6 +25,7 @@ class Footer extends Component {
             YMFF出品 @ YMFF
           </div>
         </div>
+        <div className='footerMask'></div>
       </div>
     )
   }

client/components/Footer/Footer.scss

@@ -10,7 +10,9 @@
     z-index: 1;
     color: rgba(255,255,255,.65);
     box-shadow: 0 1000px 0 1000px #fff;
-    
+    // background-image: url('image/footer-bac.jpg');
+    background-repeat: no-repeat;
+    background-position: center center;
     h4{
         margin-bottom: 20px;
         color: #FFF;
@@ -19,23 +21,38 @@
         }
     }
 }
+.footerMask{
+    position: absolute;
+    top: 0px;
+    height: 100%;
+    width: 100%;
+    background-color: #404040;
+    opacity: .65;
+    z-index: 1;
+}
 .footContent{
     max-width: 11rem;
     width:90%;
     margin:0px auto;
     overflow: hidden;
+    position: relative;
+    z-index: 2;
 }
 .footItem{
     padding: 24px 2%;
     width: 25%;
     float: left;
-
-    a{
+    div{
         margin: 6px 0px;
-        display: block;
+    }
+    a{
         font-weight: 200;
         color: #108ee9;
+        &:hover{
+            color: white;
+        }
     }
+    
 }
 .copyRight{
     padding: 24px 2%;