ant-design / ant-design-mobile

Essential UI blocks for building mobile web apps.

Home Page:https://mobile.ant.design

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Picker组件mask样式在legacy mode下不生效

Pulset opened this issue · comments

Version of antd-mobile

5.32.4

Operating system and its version

iOS, Android

Browser and its version

No response

Sandbox to reproduce

No response

What happened?

image

picker-view.css中是有样式的,但是浏览器没有生效
.adm-picker-view-mask-top {
background: var(--adm-color-background);
-webkit-mask: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.8) 50%, #000000 100%);
mask: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.8) 50%, #000000 100%);
}
当umi legacy mode开启的时候会出现问题,关闭的时候正常

Relevant log output

No response

mask 属性在 Chrome 下是 -webkit-mask 前缀。这个在 postcss 里会自动加上,看截图没有。推测是框架配置的问题。

我估计是 legacy 外 postcss 还要加什么,可以去 umi 文档搜一搜或者 github 问一问哈。

怎么解决的最后。。。我也是umi 没开启legacy