ant-design / ant-design-mobile

Essential UI blocks for building mobile web apps.
https://mobile.ant.design
MIT License
11.54k stars 2.38k forks source link

Picker组件 下载后 mask 没有带上 -webkit-mask 导致mask 这个属性在谷歌浏览器失效 #6479

Closed day-xue closed 7 months ago

day-xue commented 7 months ago

Version of antd-mobile

5.33

Operating system and its version

iOS

Browser and its version

谷歌

Sandbox to reproduce

复线不出 我本地是这样的

What happened?

期望能带上mask。。。

Relevant log output

No response

miracles1919 commented 7 months ago

Picker 没有 mask 这个属性

day-xue commented 7 months ago

Picker 没有 mask 这个属性

是css

1587315093 commented 7 months ago

提供代码或者截图

github-actions[bot] commented 7 months ago

Hi, day-xue.

Please provide a online reproduction so that we can help you troubleshoot the problem. You can create a demo by codesandbox or stackblitz.

我们需要你提供一个在线的重现实例,以便于我们帮你排查问题。你可以通过 codesandboxstackblitz 创建一个实例。

day-xue commented 7 months ago

提供代码或者截图

image

.adm-picker-view-mask-top,.adm-picker-view-mask-bottom 这个mask 不被谷歌兼容 需要加-webkit- 前缀

sean-skkk commented 7 months ago

确实我也发现这个问题了 可以参考https://github.com/ant-design/ant-design-mobile/issues/6443

1587315093 commented 7 months ago

打包后的文件是加了的,找找是不是你们项目配置之类的把webkit弄没了

image

地址:https://www.npmjs.com/package/antd-mobile?activeTab=code