online/src/app/basicVersion/communication/Communication.jsx

import React, {Component} from 'react';

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(){
        super();
        this.state={

        }
    }

    render(){
        return(
            <div>
                <Layout style={{ padding: '24px',minHeight:'300px' }}>
                    <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>
        )
    }
}

export default Communication;