微信小程序 iphone14 css mask 使用图片实现遮照 疑似 no-repeat 失效

1. 将图片转为 换成svg类型

2. css设置属性时书写顺序（如果顺序不对会导致展示问题 T T 奇妙的bug）

.water-inner {
                    -webkit-mask-image: url("./water-black.svg");
                    mask-image: url("./water-black.svg");
                    -webkit-mask-size: contain;
                    -webkit-mask-position: center center;
                    -webkit-mask-repeat: no-repeat;
}