uniapp中购物车demo(全选反选、计算总价、改变商品数量)

2023年12月27日发(作者：东风标致307颜色及图片)

justify-content: space-around; align-items: center; .l{ display: flex; .img{ width: 136rpx; height: 136rpx; background-color: pink; margin-left: 10rpx; border-radius: 8%; } } .center{ width: 170rpx; .name{ font-size: 26rpx; color: #3E3E3E; letter-spacing: 1.86rpx; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .size{ font-size: 22rpx; color: #8D8D8D; letter-spacing: 1.57rpx; } .count{ font-size: 22rpx; color: #8D8D8D; letter-spacing: 1.57rpx; } } .r{ .price{ margin-top: 40rpx; font-size: 26rpx; color: red; letter-spacing: 0; margin-left: 40rpx; } // 加减数量 .update-count{ margin-top: 40rpx; display: flex; .reduce{ width: 40rpx; height: 40rpx; background: #F1ECE7; border-radius: 21.6rpx; border-radius: 21.6rpx; color: #979797; @include textCenter; font-size: 50rpx; } .add{ width: 40rpx; height: 40rpx; background: #F1ECE7; border-radius: 21.6rpx; border-radius: 21.6rpx; color: #979797; @include textCenter; font-size: 40rpx; } .cart-count{

.cart-count{ width: 72rpx; height: 40rpx; background: #F1ECE7; border-radius: 21.6rpx; border-radius: 21.6rpx; margin-left: 18rpx; margin-right: 18rpx; text-align: center; line-height: 40rpx; } } }

} // 底部导航 .tabbar { width: 100%; height: 176rpx; background-color: #f3f3f3; position: fixed; bottom: 0rpx; display: flex; align-items: center; justify-content: space-around; border-radius: 8% 8%; .all { font-size: 32rpx; color: #3E3E3E; letter-spacing: 2.29rpx; display: flex; } .totalPrice { font-size: 32rpx; color: #3E3E3E; letter-spacing: 2.29rpx; color:red; } .submitOrder { width: 208rpx; height: 80rpx; background: #354E44; border-radius: 14rpx; border-radius: 14rpx; font-size: 36rpx; color: #FFFFFF; letter-spacing: 2.57rpx; display: flex; align-items: center; justify-content: center; } }