🐛[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 描述
- PageHeader
ghost
prop 不生效,为什么 Pro 要写死透明背景? has-breadcrumb
,has-footer
样式不生效
![image](https://private-user-images.githubusercontent.com/9395932/337622575-149a1c29-38e8-4043-ba30-a77ad9b7bf11.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTgyODkyMjIsIm5iZiI6MTcxODI4ODkyMiwicGF0aCI6Ii85Mzk1OTMyLzMzNzYyMjU3NS0xNDlhMWMyOS0zOGU4LTQwNDMtYmEzMC1hNzdhZDliN2JmMTEucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI0MDYxMyUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNDA2MTNUMTQyODQyWiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9YTQwZmRlYjFkOGNmNjU2Y2MwMjQ2NmZmZTJkYTBlMzgwMWQyMDg4YWQwNjdlMWJiZTA4ZmM5N2M2MTBlMTEwMiZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmYWN0b3JfaWQ9MCZrZXlfaWQ9MCZyZXBvX2lkPTAifQ.3EosWwM1Z95_zmDHR3L810CKqeT6tOr4Nq3gF68skZw)
📷 复现步骤
<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://private-user-images.githubusercontent.com/9395932/337624894-76980375-7233-43df-b024-9c4db16e649b.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTgyODkyMjIsIm5iZiI6MTcxODI4ODkyMiwicGF0aCI6Ii85Mzk1OTMyLzMzNzYyNDg5NC03Njk4MDM3NS03MjMzLTQzZGYtYjAyNC05YzRkYjE2ZTY0OWIucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI0MDYxMyUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNDA2MTNUMTQyODQyWiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9ZDk2MGEyNzE0NWE2MWUyMjFhNTBlNDQzY2FjNTcyMmVkMWY5MDRjNzU1MmQ2YzNjNzI3MjE0NTk4NzlhYmZiOSZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmYWN0b3JfaWQ9MCZrZXlfaWQ9MCZyZXBvX2lkPTAifQ.BpIlU-9K3wR1v3aO8h3-vfKHjhOKDqJvIEgVS4KtnVk)
💻 复现代码
https://stackblitz.com/edit/react-vk9nxj?file=App.tsx
© 版本信息
- ProComponents 版本: 2.7.9
- umi 版本
- 浏览器环境
- 开发环境 [e.g. mac OS]