uni-app（app端）元素样式问题

前言

uni-app不支持使用js控制元素样式，仅支持获取样式。

解决方法

动态绑定class

向目标元素动态绑定class，然后给该class添加css样式。

如html部分:

<userInfo :class="{'show': scrollSwitch}"></userInfo>

动态绑定style

向该元素直接绑定样式，此方法好处是可以使用变量。

如html部分：

<view :style="{
              'width': lW + 'px',
              'background-color': lineColor
              }" />

获取元素相关信息

1. 创建查找变量（SelectorQuery）

   const query = uni.createSelectorQuery();
   

   const query = uni.createSelectorQuery().in(this);
   

   该方法构造了一个查找变量，通过这个变量可以查找当前（this）组件，返回SelectorQuery 对象。

   推荐在