微信小程序动态修改wxss样式

1. 在js文件中定义要传值的属性

  /**
   * 页面的初始数据
   */
  data: {
   keyboardHeight: 40
  }

2. 在wxml文件中进行赋值传值

<view class="keyboard-height" style="--keyboard_height--:{{keyboardHeight}}rpx"></view>

3. 在wxss文件中通过在标签上定义的class进行接收值

.keyboard-height{
  height:var(--keyboard_height--);
}