vue仿ios列表左划删除

本文实例为大家分享了vue仿ios列表左划删除的具体代码，供大家参考，具体内容如下

效果：

代码：

 
 
 
 

 

  .slider{
    width: 100%;
    height:100px;
    position: relative;
     user-select: none;
    .content{
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      background:green;
      z-index: 100;
      //  设置过渡动画
      transition: 0.3s;

    }
    .remove{
      position: absolute;
      width:200px;
      height:100px;
      background:red;
      right: 0;
      top: 0;
      color:#fff;
      text-align: center;
      font-size: 40px;
      line-height: 100px;
    }
  }
 

 以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持考高分网。