Skip to content

[navbar] uniapp版在微信小程序中使用,导航栏右侧内容存在小胶囊兼容显示问题 #4615

Description

@asyncface

选择框架

@tdesign/uniapp

NPM 包版本

0.10.3

基础库调试库版本(如果出现问题的框架为 tdesign-miniprogram,请提供基础调试库版本)

No response

重现链接

No response

重现步骤

Image

期望结果

Image

参考代码:
.t-navbar__right {
position: absolute;
display: flex;
align-content: flex-end;
align-items: center;
padding-right:var(--td-navbar-right, 95px);
right: 0;
height: var(--td-navbar-height, 48px);
overflow: hidden;
}

实际结果

.t-navbar__right {
position: absolute;
top: 0;
bottom: 0;
right: 0;
display: flex;
align-items: center;
margin-right: var(--td-spacer-1, 24rpx);
transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

补充说明

未针对小程序小胶囊编写兼容性代码,在APP应该不存在这个问题。

Metadata

Metadata

Assignees

Labels

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions