走马灯组件,背景图铺满，垂直分割线，表单一行多个,从后端直接挂载图片引用

最新推荐文章于 2022-10-12 16:56:54 发布

倘若没有炬火,我便是唯一的光

最新推荐文章于 2022-10-12 16:56:54 发布

阅读量231

点赞数

分类专栏： react 文章标签：前端 css html

本文链接：https://blog.csdn.net/m0_51578916/article/details/125917822

版权

react 专栏收录该内容

20 篇文章 0 订阅

订阅专栏

，1. React Slick Documentation (neostack.com)

2.背景图铺满页面

background: url('../images/wt.png') no-repeat;
      background-size: 100% 100%;
      background-attachment: fixed;

3.div时候可以先position：relative定位父级，在：global{}定位absolute子级，之后可以调整样式

4.表单一行多个

{dataForm.map((item) => {
                    return item.layout == 'inline' ? (
                      <Form.Item
                        label={item.label}
                        name={item.name}
                        rules={item.rules}
                        labelCol={{span:6}}
                        // {...inlineItemLayout}
                        style={{ display: 'inline-flex', width: '50%' }}
                      >
                        {item.render}
                      </Form.Item>
                    ) : (
                      <Form.Item {...formItemLayout} label={item.label} name={item.name} rules={item.rules}>
                        {item.render}
                      </Form.Item>
                    );
                  })}