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

使用CapsuleBar的胶囊栏插槽slot="title",在真机上不显示。 #1557

Open
ssqcharlie540 opened this issue Jan 9, 2023 · 4 comments
Labels
Bug 该 Issue 提出了一个 Bug

Comments

@ssqcharlie540
Copy link

ssqcharlie540 commented Jan 9, 2023

**设备型号:iPhone XR , nova 8 SE

**LinUI 版本:^0.9.12

**微信小程序基础库版本:2.29.1

**微信开发者工具版本:1.06.2301032

**问题描述及重现步骤:
我的自定义标题栏slot代码如下:
1673248222865

此时,在微信开发者工具里预览可见,但在真机实测中,不能显示

相关截图
以下为微信开发者工具的预览截图:
1673247244837
此时自定义标题栏在真机上无法显示

@ssqcharlie540 ssqcharlie540 added the Bug 该 Issue 提出了一个 Bug label Jan 9, 2023
@smileShirmy
Copy link
Member

这个好像和我们框架没有什么关系,这个标题应该是用 wx.setNavigationBarTitle 来进行调整的?

@tuzhe
Copy link

tuzhe commented Mar 2, 2023

我也遇到了这个问题,等待解答。wx.setNavigationBarTitle只能设置文字,

@smileShirmy
Copy link
Member

问题链接

这个似乎是官方的问题,到现在好像也没有解决,检查了一下发现 slot 被直接插入到外部去了

image

要解决这个问题,建议把这个需要自定义的 view 容器加上 position: fixed; 来手动固定到顶部来实现想要达到的效果

@yanyuguodu
Copy link

前面的老哥有讲过 我也遇到了同样的问题,后来看了胶囊组件源码,里面是用cover-view标签写的,嵌套标签只能是它规定的几个,用了别的标签在开发工具上能显示,但是真机会被忽略。搞定~

找到了解决方法,将 miniprogram\miniprogram_npm\lin-ui\capsule-bar\index.wxml 目录中所有的 core-view替换为view即可

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Bug 该 Issue 提出了一个 Bug
Projects
None yet
Development

No branches or pull requests

4 participants