zl-actionbar

ActionBar组件

效果展示

示例代码

class Test extends React.Component{
    render() {
        return (
            <ActionBar>
                <ActionItem>
                    <Icon type="icontianjia_changtai" style={{marginRight:"3px"}} /><span>添加</span>
                </ActionItem>
                <ActionItem>
                    <Icon type="iconshanchu_changtai    " style={{marginRight:"3px"}} /><span>删除</span>
                </ActionItem>
                <ActionItem>
                    <Icon type="iconshuaxin_changtai" style={{marginRight:"3px"}} /><span>刷新</span>
                </ActionItem>
                <ActionItem>
                    <Icon type="iconshangjia_changtai" style={{marginRight:"3px"}} /><span>上架</span>
                </ActionItem>
                <ActionItem>
                    <Icon type="iconxiajia_changtai" style={{marginRight:"3px"}} /><span>下架</span>
                </ActionItem>
                <ActionItem>
                    <DropDown name="商品筛选" showIcon={true} style={{border:"0", margin:0, padding: 0}}>
                        <DropDownItem subKey="a">
                            弄啥咧弄啥咧弄啥咧弄啥咧弄啥
                        </DropDownItem>
                        <DropDownItem subKey="b">
                            弄啥咧
                        </DropDownItem>
                    </DropDown>
                </ActionItem>
                <ActionItem>
                    <span>更多选项</span>
                </ActionItem>
                <ActionItem>
                    <DropDown name="审核状态" showIcon={true} style={{border:"0", margin:0, padding: 0}}>
                        <DropDownItem subKey="a">
                            弄啥咧弄啥咧弄啥咧弄啥咧弄啥
                        </DropDownItem>
                        <DropDownItem subKey="b">
                            弄啥咧
                        </DropDownItem>
                    </DropDown>
                </ActionItem>
                <ActionItem>
                    <DropDown name="显示端" showIcon={true} style={{border:"0", margin:0, padding: 0}}>
                        <DropDownItem subKey="a">
                            弄啥咧弄啥咧弄啥咧弄啥咧弄啥
                        </DropDownItem>
                        <DropDownItem subKey="b">
                            弄啥咧
                        </DropDownItem>
                    </DropDown>
                </ActionItem>
                <ActionItem>
                    <DropDown name="每页显示" showIcon={true} style={{border:"0", margin:0, padding: 0}}>
                        <DropDownItem subKey="a">
                            弄啥咧弄啥咧弄啥咧弄啥咧弄啥
                        </DropDownItem>
                        <DropDownItem subKey="b">
                            弄啥咧
                        </DropDownItem>
                    </DropDown>
                </ActionItem>
                <ActionItem>
                    <span>导出</span>
                </ActionItem>
            </ActionBar>
        );
    }
}