js 变量在css中使用

<img
            ref="pictureImg"
            :src="biggerSrc"
            class="pictureImg"
            :style="{
              transform: `rotate(${deg}deg)`,
            }"
          />

html 中写

// css 中的旋转角度变量、宽度变量、高度变量
  private deg = 0;

js 中写

// 图片旋转
.pictureImg {
  transform: rotate(var(--deg));
  height: var(--height);
  width: var(--width);
}

css 中写

给它添加类名应该是为了保证变量的存在范围