写过的收缩按钮样式CSS

@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>
``