Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat(config): 滚动时隐藏header,当面包屑存在时将面包屑提升到header上 #746

Closed
wants to merge 8 commits into from

Conversation

RSS1102
Copy link
Contributor

@RSS1102 RSS1102 commented Aug 27, 2024

close #362

🤔 这个 PR 的性质是?

  • 日常 bug 修复
  • 新特性提交
  • 文档改进
  • 演示代码改进
  • 组件样式/交互改进
  • CI/CD 改进
  • 重构
  • 代码风格优化
  • 测试用例
  • 分支合并
  • 其他

🔗 相关 Issue

💡 需求背景和解决方案

📝 更新日志

  • feat(config): 滚动时隐藏header,当面包屑存在时将面包屑提升到header上

  • 本条 PR 不需要纳入 Changelog

☑️ 请求合并前的自查清单

⚠️ 请自检并全部勾选全部选项⚠️

  • 文档已补充或无须补充
  • 代码演示已提供或无须提供
  • TypeScript 定义已补充或无须补充
  • Changelog 已提供或无须提供

@RSS1102
Copy link
Contributor Author

RSS1102 commented Aug 27, 2024

可能还需要优化

Copy link
Contributor

github-actions bot commented Aug 27, 2024

完成

@timi137137
Copy link
Collaborator

image
第二第三种布局完全失效,需要改进

@RSS1102
Copy link
Contributor Author

RSS1102 commented Sep 3, 2024

TODO:添加动画效果,使转换更自然。

@timi137137
Copy link
Collaborator

image
经过设计并从UX角度思考得出以下指南:
第一种垂直布局顶栏隐藏时菜单不动,顶栏移出。
第二种水平布局顶栏隐藏时移出。
第三种混合布局禁用顶栏隐藏。

@RSS1102
Copy link
Contributor Author

RSS1102 commented Sep 5, 2024

想请问header这里为啥要用·fixed定位呢?当我给<header>添加 transform: translate3d(0px, 0px, 0px);属性的时候会导致搜索框偏移。
image
image

@RSS1102 RSS1102 deleted the branch Tencent:develop December 3, 2024 11:43
@RSS1102 RSS1102 closed this Dec 3, 2024
@RSS1102 RSS1102 deleted the develop branch December 3, 2024 11:43
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
2 participants