You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

146 lines
2.4 KiB

11 months ago
/* pages/shoppingCart/shoppingCart.wxss */
.wrapper {
position: fixed;
top: 0rpx;
display: flex;
width: 100%;
height: 50rpx;
justify-content: space-around;
background-color: #fff;
z-index: 9999;
}
.select {
text-align: center;
width: 50%;
background-color: green;
color: #fff;
}
.noSelect {
width: 50%;
text-align: center;
}
.cart-box {
margin-top: 50rpx;
margin-bottom: 100rpx;
}
.cart-goods {
display: flex;
flex-direction: row;
padding: 30rpx;
border-bottom: 3rpx solid #e6e6e6;
}
.icon-wrapper {
line-height: 260rpx;
}
.cart-icon {
display: inline-block;
margin: auto 10rpx;
margin-left: -10rpx;
}
.cart-img {
display: flex;
width: 580rpx;
height: 260rpx;
}
.cart-img image{
margin: auto 0rpx;
width: 165rpx;
height: 225rpx;
}
.cart-goods .cart-message {
width: 380rpx;
display: flex;
flex-direction: column;
margin: 0 20rpx;
justify-content: space-around;
}
.name{
font-weight: 600;
color: #4a4a4a;
font-size: 32rpx;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.author,
.press{
font-size: 28rpx;
color: #9e9e9e;
font-weight: 300;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.price {
font-size: 28rpx;
color: #f40;
font-weight: 300;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.delete {
position: absolute;
right: 40rpx;
margin-top: -10rpx;
}
.cart-bottom {
position: fixed;
width: 100%;
height: 100rpx;
background-color: white;
bottom: 0rpx;
}
.cart-allPrice {
float:left;
padding: 0.5rem;
font-weight: 100;
margin-left: 70rpx;
}
.allPrice {
float:left;
padding: 0.5rem;
font-weight: 100;
margin-left: -30rpx;
color: #f40;
}
.cart-allSelect {
float:left;
padding: 0.5rem;
margin-left: -23rpx;
font-weight: 100
}
.cart-iconAll {
float:left;
padding: 0.5rem;
margin-top: 7rpx;
}
.btn-red {
background-color: #f44336; /* 红色 */
font-size: 40rpx;
}
button {
position: fixed;
right: 0;
color: white;
text-align: center;
display: inline-block;
font-size: 30rpx;
border-radius: 0rpx;
width: 30%;
height: 100rpx;
line-height: 100rpx;
}
.cart-list {
display: flex;
flex-direction: column;
}
.bottom {
color: #666;
text-align: center;
font-size: 30rpx;
}