互动页面增加用户联系反馈

src/app/App.jsx

@@ -30,14 +30,14 @@ class App extends Component {
                                     onClick={()=>{
                                         this.props.history.push({
                                             pathname: `/common`
-                                        })}}>使用者
+                                        })}}>立即体验
                             </Button>
                             <Button size='large'
                                     style={{marginLeft:'10px'}}
                                     onClick={()=>{
                                         this.props.history.push({
                                             pathname: `/developer`
-                                        })}}>开发者
+                                        })}}>开发设计
                             </Button>
                         </div>
                     </Content>

src/app/basicVersion/communication/Communication.jsx

@@ -1,8 +1,12 @@
 import React, {Component} from 'react';
 
-import {Layout} from 'antd';
+import {Layout,Card} from 'antd';
+import qq from '../../../images/workbench-qq.png';
+import dd from '../../../images/workbench-dd.jpg';
+import './index.css';
 
 const {Content} = Layout;
+const { Meta } = Card;
 
 class Communication extends Component{
     constructor(){
@@ -16,8 +20,33 @@ class Communication extends Component{
         return(
             <div>
                 <Layout style={{ padding: '24px',minHeight:'300px' }}>
-                    <Content style={{ padding: '20px 50px', background: '#fff' }}>
-                        Communication
+                    <Content style={{ padding: '20px', background: '#fff' }}>
+                        <div className="show">
+                            <span>
+                                 <Card
+                                     hoverable
+                                     style={{ width: 240 }}
+                                     cover={<img alt="钉钉用户群" src={dd} />}
+                                 >
+                                <Meta
+                                    title="钉钉用户群"
+                                    description="通过钉钉联系我们，扫码入群讨论交流"
+                                />
+                            </Card>
+                            </span>
+                            <span>
+                                <Card
+                                    hoverable
+                                    style={{ width: 240 }}
+                                    cover={<img alt="QQ用户群" src={qq} />}
+                                >
+                                <Meta
+                                    title="QQ用户群"
+                                    description="通过QQ群联系我们，扫码入群讨论交流"
+                                />
+                            </Card>
+                            </span>
+                        </div>
                     </Content>
                 </Layout>
             </div>

src/app/basicVersion/communication/index.css

@@ -0,0 +1,9 @@
+.show {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: flex-start;
+}
+
+.show span{
+    padding: 20px;
+}

src/language/en_US.js

@@ -161,7 +161,7 @@ const en_US = {
 
     'Example': 'Example',
     'My deploy': 'My deploy',
-    'Communication': 'Communication',
+    'Communication': 'Contact us',
     'loading': 'loading...',
     'nothing': 'nothing...',
     'new': 'new!',

src/language/zh_CN.js

@@ -162,7 +162,7 @@ const zh_CN = {
 
     'Example': '案例',
     'My deploy': '我的部署',
-    'Communication': '交流',
+    'Communication': '互动',
     'loading': '加载中...',
     'nothing': '暂无部署...',
     'new': '新!',