Umi 布局

1 ProForm 开启栅格化模式

总格子24

colProps:属性等同于Grid布局中的Col组件属性

控制ProForm表单组建所占据的格子数

labelCol:属性等同于Grid布局中的Col组件属性

控制ProForm表单组件label所占用格子数(它的总格子数宽度以colProps控制的宽度为准)

wrapperCol:属性等同于Grid布局中的Col组件属性

控制ProForm表单组件输入框所占用格子数(它的总格子数宽度以colProps控制的宽度为准)

只有在ProForm中加上labelCol属性才能保障输入框都对齐的,例如

Umi 布局_第1张图片

2 ProTable 筛选项样式问题


        {
            dataIndex: 'config',
            title: '配置项选择多选项',
            hideInTable: true,
            renderFormItem: () => {
                return ;
            },
        }

文字被遮挡。

修改

  
        {
            dataIndex: 'config',
            hideInTable: true,
            renderFormItem: () => {
                return (
                    
                );
            },
        },

样式正常。

2 ProTable

超出的部分,跑到父元素外面去了。

Umi 布局_第2张图片

增加配

scroll={{ x: 1300 }}

 

展示正常。

你可能感兴趣的:(Umi,前端)