/* pages/aBulkList/aBulkList.wxss */ page { background: #f7f7f7; } image { width: 100%; height: 100%; border-radius: 10rpx; } .banner { position: relative; width: 750rpx; height: 284rpx; padding-top: 24rpx; } .banner .bg { position: absolute; top: 0; left: 0; font-size: 0; width: 750rpx; height: 220rpx; } .banner .img { font-size: 0; width: 710rpx; height: 280rpx; margin: 0 auto; position: relative; } .banner image { border-radius: 0; } .abulk-list { display: flex; flex-wrap: wrap; margin-top: 20rpx; } .abulk-list-item { width: 345rpx; background: #fff; padding: 20rpx; box-sizing: border-box; margin-left: 20rpx; margin-bottom: 20rpx; border-radius: 10rpx; } .prod-img { width: 305rpx; height: 305rpx; font-size: 0; } .prod-msg { margin-top: 20rpx; } .prod-title { height: 76rpx; line-height: 38rpx; font-size: 28rpx; word-break: break-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; color: #000; } .prod-title .prod-describe { font-size: 18rpx; color: white; background: #e43130; padding: 6rpx 12rpx; border-radius: 20rpx; line-height: 18rpx; display: inline-block; margin-right: 6rpx; vertical-align: top; margin-top: 4rpx; } .prod-price { position: relative; height: 40rpx; line-height: 40rpx; font-family: Arial; margin-top: 20rpx; } .pic { font-family: Arial; display: inline-block; color: #e43130; } .symbol { font-size: 24rpx; } .big-num { font-size: 32rpx; } .small-num { font-size: 24rpx; } .original-price { display: inline-block; color: #999; font-size: 24rpx; text-decoration: line-through; margin-left: 10rpx; } .cart { position: absolute; right: 0; display: inline-block; width: 50rpx; height: 50rpx; bottom: 7rpx; padding: 8rpx; } /* 列表为空 */ .empty { margin-top: 100rpx; text-align: cneter; } .empty-icon { display: block; width: 80rpx; height: 80rpx; margin: 0 auto; margin-bottom: 20rpx; } .empty-icon > image { width: 100%; height: 100%; } .empty-text { font-size: 28rpx; text-align: center; color: #999; line-height: 2em; }