uniapp 小程序,app怎么在当前页面在通过获取dom节点获取不到子组件类的情况下,动态修改引用组件里面的样式(根据设备数据怎么动态修改scss的值)

178 阅读1分钟

最近在做一个小程序,小程序引用了插件市场获取的组件,但是 当前页面有个样式修改,就是这个组件包裹内容,距离顶部的 top属性距离要修改,但是我通过uni.createSelectorQuery().select()死活获取不到 类 mescroll-uni-fixed 元素,就没有办法在动态修改,

image.png

但是我直接通过sccc  深度修改是可以直接改这个top的距离的,但是这个值应该是要根据设备动态获取的  ,

image.png

所以就有了以下的解决办法

1.在你的公共样式,声明这个top的变量 给个默认值

image.png

2.在你当前要处理的vue页面,先计算当前距离顶部的距离然后复制给这个变量 我这里是itmtop

image.png

** 3.然后通过给标签动态设置style 把这个变量传给scss页面,(ps 我觉得是哪个标签都可以哈,)**

image.png