.manage{ width: 668rpx; font-size: 25rpx; text-align: right; border-bottom: 2rpx solid #CFCFCF; margin: 50rpx auto 0 auto; } /* 暂无可管理商品 */ .empty{ text-align: center; padding: 148rpx 0; } .emptyIcon{ width: 107rpx; height: 107rpx; } .empty text{ font-size: 30rpx; margin-top: 20rpx; display: block; } /* 商品列表 */ .prodsList{ width: 668rpx; margin: auto; } .itemProd{ height: 224rpx; border-bottom: 1rpx solid #EFEFEF; display: flex; align-items: center; } /* 商品信息 */ .goods-info { flex: 1; display: flex; margin-left: 10px; position: relative; } .goods-info image { width: 170rpx; height: 170rpx; border-radius: 10rpx; } .goods-info .info { margin-left: 10px; display: flex; flex-direction: column; } /* 数量加减按钮 */ .count { width: 144rpx; height: 39rpx; display: flex; align-items: center; border: 2rpx solid #CFCFCF; border-radius: 50rpx; position: absolute; right: 10rpx; bottom: 0; } .count .addNum,.count .reduceNum { width: 39rpx; line-height: 39rpx; text-align: center; font-size: 16px; display: inline-block; } .count .num{ width: 66rpx; text-align: center; border-left: 2rpx solid #CFCFCF; border-right: 2rpx solid #CFCFCF; display: inline-block; } /* 底部栏 */ .footer { position: fixed; bottom: 0; width: 100%; color: #FFFFFF; display: flex; align-items: center; justify-content: space-around; padding: 10px 0; background: #FED279; } .manageFooter{ background: #EA6087; justify-content: space-between; } .manageFooter .checkBoxAll{ margin-left: 50rpx; } .footer .delete{ width: 125rpx; text-align: right; border-left: 2rpx solid #FFFFFF; margin-right: 50rpx; } .divider{ margin: 30rpx 0; display: flex; justify-content: center; align-items: center; } .divider .text{ margin: 0 20rpx; } .line{ width: 200rpx; height: 2rpx; background: #CFCFCF; display: inline-block; }