附件中图一是H5和App端正常的效果,编译到抖音小程序之后,就变成了图二的效果
看了一下图二主要是自动生成了一个div.mask的样式导致的,我在App.vue中如下设置之后没有效果. 抖音基础库是2.96.0.2(当前最新版本),同时我在scss样式文件中也用了deep 的方式来写下如下语句,也没有生效
/ 保留原样式 /
div.mask {
/ 在这里添加你想要的样式 /
transform: translateZ(0);
height: 100%;
top: 0;
margin: 0 auto;
background-image: none !important;
}
div.indicator div.mask, div.indicator div.mask {
width: 100%;
position: absolute;
left: 0;
pointer-events: none;
background-image: none !important ;
}
![j***@163.com](https://img-cdn-tc.dcloud.net.cn/account/identicon/d1df3ac934b808186ba96ef4105e03f3.png)
j***@163.com
- 发布:2023-09-15 21:02
- 更新:2023-09-15 21:02
- 阅读:331
![](http://img-cdn-tc.dcloud.net.cn/uploads/questions/20230915/8cf1ad50cee58c510b69ebb6bdb24d5e.png)
![](http://img-cdn-tc.dcloud.net.cn/uploads/questions/20230915/3871f42baa6db45cbdd68a4395ded8a5.png)
![](http://img-cdn-tc.dcloud.net.cn/uploads/questions/20230915/24be1604a232f471d741a5dbac7c9c7f.png)