109 lines
3.1 KiB
Plaintext
109 lines
3.1 KiB
Plaintext
|
|
.content{ background: #f7f8f9; min-height: 100vh; }
|
|
|
|
/* 工具栏 */
|
|
.bag-header{ border-bottom: solid 1rpx #f1f1f1; padding: 25rpx 30rpx; overflow: hidden; position: fixed; width: 100%; top: 0; left: 0; box-sizing: border-box; line-height: 40rpx; }
|
|
|
|
/* 购物车列表 */
|
|
.bag-content{ padding: 90rpx 0 140rpx 0; background: #f7f8f9; }
|
|
.bag-content-mall{ background: white; margin-top: 30rpx; padding-bottom: 20rpx; }
|
|
.bag-content-mall-name{ line-height: 80rpx; padding: 0 30rpx; border-bottom: solid 1rpx #f1f1f1; }
|
|
.bag-content-mall-goods{ position: relative; padding: 20rpx 30rpx 0 30rpx; }
|
|
|
|
.mall-good-cover{
|
|
width: 148rpx;
|
|
height: 148rpx;
|
|
background: #f5f6fa;
|
|
vertical-align: top;
|
|
}
|
|
|
|
.mall-good-content{
|
|
position: absolute;
|
|
top: 20rpx;
|
|
left: 268rpx;
|
|
right: 96rpx;
|
|
}
|
|
|
|
.mall-good-value{
|
|
color: #747788;
|
|
font-size: 24rpx;
|
|
line-height: 40rpx;
|
|
}
|
|
|
|
.mall-good-title{
|
|
line-height: 40rpx;
|
|
}
|
|
|
|
.mall-good-price{
|
|
color: #e92344;
|
|
padding-top: 20rpx;
|
|
line-height: 48rpx;
|
|
font-weight: bold;
|
|
padding-right: 200rpx;
|
|
position: relative;
|
|
}
|
|
|
|
.mall-good-number{
|
|
display: flex;
|
|
position: absolute;
|
|
right: 0;
|
|
top: 18rpx;
|
|
width: 180rpx;
|
|
font-weight: normal;
|
|
text-align: center;
|
|
height: 50rpx;
|
|
}
|
|
|
|
.mall-good-number-btn{
|
|
width: 50rpx;
|
|
}
|
|
|
|
.mall-good-number-input{
|
|
flex: 1;
|
|
margin: 0 6rpx;
|
|
height: 50rpx;
|
|
line-height: 50rpx;
|
|
}
|
|
|
|
.mall-good-number-input,
|
|
.mall-good-number-btn{
|
|
background: #f5f6fa;
|
|
color: #464854;
|
|
}
|
|
|
|
.mall-good-more{
|
|
height: 148rpx;
|
|
line-height: 148rpx;
|
|
width: 36rpx;
|
|
padding: 0 30rpx;
|
|
position: absolute;
|
|
top: 20rpx;
|
|
right: 0;
|
|
}
|
|
|
|
.mall-good-more image{
|
|
width: 100%;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
/* footer */
|
|
.bag-footer{ position: fixed; bottom: 0; left: 0; width: 100%; padding: 20rpx 300rpx 20rpx 30rpx; box-sizing: border-box; border-top: solid 1rpx #f1f1f1; }
|
|
.bag-footer, .bag-header{ background: white; z-index: 9; }
|
|
.bag-footer-price{ font-size: 32rpx; font-weight: bold; }
|
|
.bag-footer-price text{ color: #da2b54; }
|
|
.bag-footer-rests{ color: #747788; font-size: 26rpx; }
|
|
.bag-footer-rests,
|
|
.bag-footer-price{ line-height: 40rpx; }
|
|
.bag-footer-btn[size="mini"]{ position: absolute; right: 30rpx; top: 20rpx; width: 240rpx; height: 80rpx; line-height: 80rpx; border-radius: 40rpx; background: #da2b54; color: white; font-size: 32rpx; }
|
|
.bag-footer-btn::after{ border: none; }
|
|
|
|
/* checkbox */
|
|
.checkbox{ height: 40rpx; width: 40rpx; line-height: 40rpx; display: inline-block; padding-top: 54rpx; padding-right: 30rpx; }
|
|
.checkbox.sellerCheckbox,
|
|
.checkbox.allCheckbox{ padding-top: 0; }
|
|
.checkbox.allCheckbox{ padding-right: 10rpx; }
|
|
.checkbox checkbox{ vertical-align: top; margin-top: -2rpx; }
|
|
.checkbox checkbox .wx-checkbox-input{ background: white; border-radius: 50%; border:solid 3rpx #464854; height: 34rpx; width: 34rpx; }
|
|
.checkbox checkbox .wx-checkbox-input.wx-checkbox-input-checked{ background: #da2b54; border-color: #da2b54; }
|
|
.checkbox checkbox .wx-checkbox-input.wx-checkbox-input-checked:before{ top: 18rpx; right: 5rpx; color: white; line-height: 34rpx; text-align: center; width: 36rpx; height: 36rpx; font-size:36rpx; }
|