ant-design / pro-components

🏆 Use Ant Design like a Pro!
https://pro-components.antdigital.dev
MIT License
4.3k stars 1.36k forks source link

🐛[BUG] PageHeader ghost, has-breadcrumb, has-footer 样式问题 #8479

Closed ChuChencheng closed 4 months ago

ChuChencheng commented 4 months ago

提问前先看看:

https://github.com/ryanhanwu/How-To-Ask-Questions-The-Smart-Way/blob/main/README-zh_CN.md

🐛 bug 描述

  1. PageHeader ghost prop 不生效,为什么 Pro 要写死透明背景?
  2. has-breadcrumb, has-footer 样式不生效
image

image

📷 复现步骤

<div
  style={{
    border: '1px solid black',
    backgroundColor: 'lightgray',
  }}
>
  <PageHeader
    title="title"
    subTitle="sub title"
    footer="footer"
    ghost={false}
    breadcrumb={{
      items: [
        {
          path: 'test',
          title: 'test',
        },
        {
          path: 'test',
          title: 'test',
        },
      ],
    }}
  />
</div>

🏞 期望结果

image

💻 复现代码

https://stackblitz.com/edit/react-vk9nxj?file=App.tsx

© 版本信息

🚑 其他信息