vue如何在已做rotate的情况下进行二次旋转

Question

这是现在的样子，根据原点进行旋转，代码如下

<div v-for="(item,index) in imgArr" class="boxImg"
        ref="imgBox"
        @click="transformImg(index)"
        :style="{transform: 'rotate(' + -(180 / imgArr.length * index) + 'deg)'}">
    <img :src="item.src" alt="" 
        :style="{transform: 'rotate(' + (180 / imgArr.length * index + 90) + 'deg)'}"/>
</div>

.boxImg{
        position: absolute;
        z-index: 2;
        left: 50%;
        top: 0;
        margin: -30px 0 0 -30px;
        box-sizing: border-box;
        transform-origin: 30px 300px;
    }

但是现在我想在他们已经rotate的情况下，点击图片他们会再进行顺时针原点动画旋转，像摩天轮一样的效果，应该如何解决