kingdee / kdesign

An enterprise-class React UI components library
https://react.kingdee.design/
Apache License 2.0
107 stars 45 forks source link

[grid] 在chrome 83版本(统信浏览器)上下间距失效 #865

Closed albyben closed 2 months ago

albyben commented 2 months ago

重现链接或代码

import React from 'react'
import ReactDOM from 'react-dom'
import { Row, Col } from '@kdcloudjs/kdesign'
const Demo = () => {
  const hStyle = {
    margin: '32px 0 18px'
  }
  const colStyle = {
    background: 'rgba(85, 130, 243, 1)',
    padding: '8px 0',
    textAlign: 'center',
    color: '#fff'
  }
  return (
    <div
      style={{
        margin: '0 12px'
      }}>
      <Row
        gutter={[
          12,
          {
            xs: 8,
            sm: 12,
            md: 18,
            lg: 20
          }
        ]}>
        <Col span={8}>
          <div style={colStyle}>col-8</div>
        </Col>
        <Col span={8}>
          <div style={colStyle}>col-8</div>
        </Col>
        <Col span={8}>
          <div style={colStyle}>col-8</div>
        </Col>
        <Col span={8}>
          <div style={colStyle}>col-8</div>
        </Col>
        <Col span={8}>
          <div style={colStyle}>col-8</div>
        </Col>
        <Col span={8}>
          <div style={colStyle}>col-8</div>
        </Col>
      </Row>
    </div>
  )
}
ReactDOM.render(<Demo />, mountNode)

重现问题步骤

将此代码贴到任一组件的演示代码中,下间距失效

期望的结果是什么

实际的结果是什么

组件库版本号、浏览器信息

组件库与浏览器均为最新版本