前端bug笔记

1.使用mint-ui的轮播图插件导致界面文字抖动模糊的问题

解决方法：给img标签的上一层div加上这个样式：

transform: translateZ(0);

<mt-swipe :auto="3000">
     <mt-swipe-item v-for="item in imgList">
           <img :src="item .url"  alt="" />
     </mt-swipe-item>
</mt-swipe>

---------------------------------------------------------------------

.mint-swipe{
    height: 200px;
    transform: translateZ(0); //主要是加了这个，轮播下面的div就不抖动了
   
    .mint-swipe-item{
        text-align: center;

        img{
            height: 100%;
        }
     }
}