Tencent / Tencent/tdesign-miniprogram

[Navbar] 增加沉浸式效果

Open
#1,561 2 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

💪🏻 enhancement
Dominant language
Vue
Stars
1.8k
Forks
337
Avg merge
1d 21h
Merged PRs (30d)
19

Description

这个功能解决了什么问题

有些展示类的页面,navbar背景沉浸式效果体验会更好,用户希望在页面滑到下方才出现navbar

你建议的方案是什么

增加一个属性标记需要沉浸式效果,进一步的体验优化是再增加两个属性表示沉浸式效果下标题与左侧返回是否跟随背景一同出现或消失

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start by locating the navbar component, its existing properties, documentation, and tests. Confirm how the immersive effect should appear as the page is scrolled, including whether the title and back control follow the background. Done means the agreed properties, visual behavior, and relevant documentation or tests are implemented.

Written by the indexing model from the issue text.

Assessment

Domain
frontend
Issue type
Feature
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.