change form

src/layouts/About/data.js

@@ -4,25 +4,21 @@ import qrWeibo from '../../assets/images/qr-weibo.png';
 import qrGithub from '../../assets/images/qr-github.png';
 
 const details = [{
-        "title": "weixin",
-        "desc": "官方微信公众号",
-        "img": qrWechat
-    },
-    {
-        "title": "qq",
-        "desc": "官方QQ群",
-        "img": qrQq
-    },
-    {
-        "title": "weibo",
-        "desc": "官方微博",
-        "img": qrWeibo
-    },
-    {
-        "title": "github",
-        "desc": "官方github",
-        "img": qrGithub
-    },
-];
+    "title": "weixin",
+    "desc": "官方微信公众号",
+    "img": qrWechat
+  },{
+    "title": "qq",
+    "desc": "官方QQ群",
+    "img": qrQq
+  },{
+    "title": "weibo",
+    "desc": "官方微博",
+    "img": qrWeibo
+  },{
+    "title": "github",
+    "desc": "官方github",
+    "img": qrGithub
+  }];
 
 export default details;

src/layouts/About/index.js

@@ -15,38 +15,39 @@ require ('bootstrap');
 // import {Row, Col, Popover, Button} from 'antd';
 class Index extends Component {
   showDetail(img, title){
-    return `<div class="detail-img">
-            <img src=${img} alt=${title}/>
-          </div>`
-	}
-	render() {
-
-		return (
-			<div className="about-container">
-				<div>					
-					{
-						details.map((ele,index) => {
-							$(() => {
-								$(`#popover${index}`).popover(
-									{
-										title: ele.desc,
-										trigger: 'focus',
-										content: this.showDetail(ele.img, ele.title),
-										html: true
-									}
-								)
-							})
-							return (							
-								<button id={`popover${index}`} type="button" className="btn" data-placement="top">
-									<FontAwesomeIcon icon={["fab", ele.title]}/>
-								</button>)
-						})
-					}	
-				</div>	
-			</div>
-		);
-	}
+      return `<div class="detail-img">
+              <img src=${img} alt=${title}/>
+            </div>`
+    }
+  render() {
+    return (
+      <div className="about-container">
+        <div>					
+          {
+            details.map((ele,index) => {
+              $(() => {
+                $(`#popover${index}`).popover({
+                  title: ele.desc,
+                  trigger: 'focus',
+                  content: this.showDetail(ele.img, ele.title),
+                  html: true,
+                  placement: 'top'	
+                });
+              });
+              return (							
+                <button id={`popover${index}`} type="button" className="btn" data-placement="top">
+                  <FontAwesomeIcon icon={["fab", ele.title]}/>
+                </button>
+              );
+            })
+          }	
+        </div>	
+      </div>
+    );
+  }
 }
+
+///////////////////////////////antd///////////////////////////////////
 // 	render() {
 // 		return (
 // 			<div className="about-container">

src/layouts/About/style.scss

@@ -4,7 +4,8 @@
     margin: 5px 5px;
 }
 .detail-img {
-    max-width: 134px;
+    width: 134px;
+    height:134px;
     img {
         width: 100%;
         height: auto;

src/layouts/Footer.js

@@ -1,9 +1,9 @@
 import React, { Component } from 'react';
 //import {Row, Col} from 'antd';
 import About from './About'
-import $ from'jquery';
-require('popper.js');
-require ('bootstrap');
+// import $ from'jquery';
+// require('popper.js');
+// require ('bootstrap');
 
 class Footer extends Component {
   render() {

src/pages/Sponsors/data.js

@@ -2,19 +2,15 @@ import logoMicroSoft from '../../assets/images/Microsoft.png';
 import logoBBD from '../../assets/images/BBD.png';
 import logoGDG from '../../assets/images/GDG.png';
 
-const sponsors = [
-    {
-        "title": "BBD",
-        "img": logoMicroSoft
-    },
-    {
-        "title": "MicroSoft",
-        "img": logoBBD
-    },
-    {
-        "title": "GDG",
-        "img": logoGDG
-    },
-];
+const sponsors = [{
+    "title": "BBD",
+    "img": logoMicroSoft
+  },{
+    "title": "MicroSoft",
+    "img": logoBBD
+  },{
+    "title": "GDG",
+    "img": logoGDG
+  }];
 
 export default sponsors;

src/pages/Sponsors/index.js

@@ -7,21 +7,21 @@ import sponsors from './data';
 import './style.css';
 
 class Sponsors extends Component {
-    render() {
-        return (
-            <div className="row logolist">
-                {
-                    sponsors.map((ele,index) => {
-                        return (
-                            <div className="col-md-2 col-xs-4">
-                                <img src={ele.img} alt={ele.title} className="logo-img"/>
-                            </div>
-                        )
-                    })
-                }
-            </div>
-        );
-    }
+  render() {
+    return (
+      <div className="row logolist">
+        {
+          sponsors.map((ele,index) => {
+            return (
+              <div className="col-md-2 col-xs-4">
+                  <img src={ele.img} alt={ele.title} className="logo-img"/>
+              </div>
+            );
+          })
+        }
+      </div>
+    );
+  }
 }
 
 export default Sponsors;