ant-design / pro-components

🏆 Use Ant Design like a Pro!

Home Page:https://pro-components.antdigital.dev

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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

ChuChencheng opened this issue · comments

提问前先看看:

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

© 版本信息

  • ProComponents 版本: 2.7.9
  • umi 版本
  • 浏览器环境
  • 开发环境 [e.g. mac OS]

🚑 其他信息