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

[POPUP] 修改overlay的背景色 #384

Closed
Orange1991 opened this issue Oct 7, 2022 · 4 comments · Fixed by #403
Closed

[POPUP] 修改overlay的背景色 #384

Orange1991 opened this issue Oct 7, 2022 · 4 comments · Fixed by #403
Assignees

Comments

@Orange1991
Copy link

Orange1991 commented Oct 7, 2022

tdesign-mobile-vue 版本

0.11.0

重现链接

No response

重现步骤

<t-popup v-model="visible" placement="bottom" :customStyle="background-color: rgba(0,0,0,.3)">
  <div>anything</div>
</t-popup>

期望结果

期望修改 t-overlay 的背景色为 rgba(0,0,0,.3)

实际结果

实际,颜色被设置到了t-popup上,并未覆盖t-overlay的默认背景色
image

image

框架版本

Vue(3.0.0)

浏览器版本

No response

系统版本

No response

Node版本

No response

补充说明

No response

@github-actions
Copy link
Contributor

github-actions bot commented Oct 7, 2022

👋 @Orange1991,感谢给 TDesign 提出了 issue。
请根据 issue 模版确保背景信息的完善,我们将调查并尽快回复你。

@github-actions
Copy link
Contributor

github-actions bot commented Oct 7, 2022

♥️ 有劳 @Nice-PLQ 尽快确认问题。
确认有效后将下一步计划和可能需要的时间回复给 @Orange1991

@Orange1991
Copy link
Author

Anybody in? @Nice-PLQ

@anlyyao anlyyao added bug Something isn't working and removed bug Something isn't working labels Oct 12, 2022
@anlyyao
Copy link
Collaborator

anlyyao commented Oct 12, 2022

相关PR: #403
在 Overlay 上新增了 customStyle属性,支持自定义遮罩样式。 popup 可以通过 overlayProps 去修改遮罩样式
截屏2022-10-12 19 24 52

@anlyyao anlyyao linked a pull request Oct 12, 2022 that will close this issue
1 task
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging a pull request may close this issue.

3 participants