uni-app的querySelector

uni-app的querySelector是一个基于CSS选择器的API，用于在页面中选择元素并返回该元素的节点信息。它可以用于选择单个元素或多个元素，并且可以通过节点信息进行操作。以下是一个使用querySelector选择元素并修改其样式的例子：

<template>
  <view class="container">
    <view class="box" @click="changeColor">点击我改变颜色</view>
  </view>
</template>

<script>
export default {
  methods: {
    changeColor() {
      // 选择.box元素并修改其背景颜色
      uni.createSelectorQuery().select('.box').boundingClientRect(rect => {
        uni.setBackgroundColor({
          backgroundColor: 'red',
          success: () => {
            setTimeout(() => {
              uni.setBackgroundColor({
                backgroundColor: 'white'
              })
            }, 1000)
          }
        })
      }).exec()
    }
  }
}
</script>

<style>
.container {
  width: 100%;
  height: 100%;
}

.box {
  width: 200rpx;
  height: 100rpx;
  background-color: #ccc;
  display: flex;
  justify-content: center;
  align-items: center;
}
</style>

在上面的例子中，我们使用了uni.createSelectorQuery()方法来创建一个选择器对象，然后使用.select()方法选择了.box元素，并使用.boundingClientRect()方法获取了该元素的节点信息。最后，我们使用uni.setBackgroundColor()方法修改了背景颜色，并在1秒后将其还原为白色。