import * as React from 'react';
import { Icon } from 'antd';
export class WelcomePanel extends React.Component<any, any>{
    constructor(props, context) {
        super(props, context);
    }
    render() {
        console.log("height:",this.props.height)
        return (
            <div style={{background:'#333333',width:564,height:this.props.height,margin:'0 auto',color:'#fff',paddingTop:0}}>
                <div style={{width:564,height:273,margin:'0 auto',textAlign:'center',display:'table-cell',verticalAlign:'middle'}}>
                    <img src="assets/editor/welcome/welcomeText.png" style={{border:'1 solid #ccc'}} />
                </div>
                <div style={{paddingLeft:12,paddingTop:12,height:42}}>最近打开项目</div>
                <div style={{background:'#1E1E1E',width:'96%',height:200,margin:'0 auto',paddingTop:10}}>
                    
                </div>
                <div style={{width:'96%',columnCount:4,columnGap:10,margin:'0 auto',paddingTop:10}}>
                    <div><Icon type="settings" style={{ width: 120, height: 120,background:'#1E1E1E',padding:0,margin:0 }} />《飞行游戏》</div>
                    <div><Icon type="settings" style={{ width: 120, height: 120,background:'#1E1E1E',padding:0,margin:0  }} />《塔防游戏》</div>
                    <div><Icon type="settings" style={{ width: 120, height: 120,background:'#1E1E1E',padding:0,margin:0  }} />《小鸟飞呀飞》</div>
                    <div><Icon type="settings" style={{ width: 120, height: 120,background:'#1E1E1E',padding:0,margin:0  }} />《歪星人》</div>
                    <div><Icon type="settings" style={{ width: 120, height: 120,background:'#1E1E1E',padding:0,margin:0  }} />《异性往哪儿跑》</div>
                    <div><Icon type="settings" style={{ width: 120, height: 120,background:'#1E1E1E',padding:0,margin:0  }} />《邀请函》</div>
                    <div><Icon type="settings" style={{ width: 120, height: 120,background:'#1E1E1E',padding:0,margin:0  }} />《新塔防》</div>
                    <div><Icon type="settings" style={{ width: 120, height: 120,background:'#1E1E1E',padding:0,margin:0  }} />《愤怒的歪星人》</div>
                </div>
                <div>
                    Lakeshore论坛
                </div>
            </div>
        );
    }
}