【vue3.0】17.0 某东到家（十七）——底部购物车展开页（三）

这里主要进行一些细节的优化

全选按钮图标的居中

首先是全选按钮图标的居中

.product {
 ......
  &__header {
......
    &__all {
......
      &__icon {
        display: inline-block;
        vertical-align: top;
        font-size: 0.2rem;
        color: #0091ff;
      }

image.png

全选取消状态图标优化

image.png

更新内容如下：

image.png

更新Cart.vue中的icon名称，最终效果如下：

image.png

点击蒙层，购物车隐藏

src\views\shop\Cart.vue