c_sanye的博客

原创 vue2中使用vant组件中的内联样式类修改无效

使用了van-uploader标签，点击图片上传到页面中，点击图片可放大至全屏预览，由于是手机端，显示图片位于顶部，正常应该位于手机中部，从浏览器获取到的类名在浏览器上进行样式修改可见效果，在vue文件中style框架中写无效。去掉另写style样式，去掉scoped,在类名上使用样式穿透(>>>,/deep/，！使用了scoped,导致被相同的id绑定，被其他样式设置影响，优先级低。将这段代码放置全局页面或者单独style上即可解决。或者拿取其他类设置合适的样式。