Basic.jsx 991 Bytes
Newer Older
熊成伟's avatar
熊成伟 committed
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25
import React from 'react';
import './index.less'
import List from '../../components/List'

const data = Array.from(new Array(12)).map((_val, i) => ({
    icon: '/img/test/test.png',
    text: `name${i}`,
}));

const Basic = () => {
    const personImg = data.map((item, index) => (
        <div key={index} className="basic-people-item">
            <img className="work-people-img" alt="" src='/img/test/test.png'/>
            <div>aaa</div>
        </div>
    ))

    const listData = [
        {title: '单位(科室)', content: '文电科'},
        {title: '人数', content: '3'},
        {title: '人员', content: <div className="basic-people-content">{personImg}</div>},
        {title: '目的地', content: '武汉'},
        {title: '事由', content: '考察'},
    ];
    return (
熊成伟's avatar
熊成伟 committed
26
        <div>
熊成伟's avatar
熊成伟 committed
27 28 29 30 31 32 33 34 35
            <List
                title={"6.1日,部门考察工作出差申请"}
                listData={listData}
            />
        </div>
    );
};

export default Basic;