@1

  .switchBtn {
      position: absolute;
      top: 45%;
      right: -17px;
      width: 16px;
      height: 60px;
      border: 1px solid #ccc;
      border-left: none;
      line-height: 60px;
      background: #fff;
      opacity: 0.6;
      z-index: 1000;
      cursor: pointer;
      transition: all 1s;
    }

`<div class="switchBtn" @click="close"> <i class="el-icon-caret-right"></i> </div>

写过的收缩按钮

原文：https://www.cnblogs.com/wwj007/p/11777302.html