vue2实现旋转人体

要在Vue2中实现旋转人体，可以使用CSS的transform属性来实现。首先，在Vue组件的样式中添加一个用来旋转的类名。然后，使用Vue的动态绑定来切换这个类名，从而实现旋转效果。

HTML模板：

<div class="body" :class="{ 'rotate': isRotated }">
  <!-- 人体的内容 -->
</div>

CSS样式：

.rotate {
  transform: rotate(45deg); /* 设置旋转角度 */
  transition: transform 0.5s ease; /* 添加过渡效果 */
}

Vue组件：

<template>
  <div>
    <button @click="rotateBody">旋转</button>
    <div class="body" :class="{ 'rotate': isRotated }">
      <!-- 人体的内容 -->
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      isRotated: false
    };
  },
  methods: {
    rotateBody() {
      this.isRotated = !this.isRotated;
    }
  }
};
</script>

<style>
.rotate {
  transform: rotate(45deg);
  transition: transform 0.5s ease;
}
</style>