vue+vant 购物车的全选和反选

这是效果图:

话不多少,直接上代码:

less文件

@spacing-size: .29rem;

.cart-main {
  .st-item-header {
    padding: @spacing-size;
    justify-content: flex-start;
    .theme-checkbox {
      margin-right: @spacing-size;
    }
  }
  .item-list {
    padding-left: .77rem;
    position: relative;
    .theme-checkbox {
      margin-top: -.24rem;
      position: absolute;
      left: 0;
      top: 50%;
    }
  }
}

此功能借鉴了 Re_Vive大佬的写法::https://www.jianshu.com/p/5f01292da1d6