对iconfont使用transform:rotate()失效

场景:如题

方案:

转换成行内块元素或者块元素

HTML部分

        <i
          v-if="!tabShow"
          class="iconfont iconicon-xiaohaojiantou-you up"
        />

css部分

 .up {
        font-size: 20rpx;
        margin-left: 8rpx;
        display: inline-block;
        transform: rotate(-90deg)
      }

 

posted @ 2021-04-15 10:50  sunRise113  阅读(304)  评论(0编辑  收藏  举报