/* pages/cart/item.wxss */
|
.btn-wrapper {
|
height: 100%;
|
}
|
|
.btn {
|
display: inline-flex;
|
justify-content: center;
|
align-items: center;
|
width: 120rpx;
|
height: 100%;
|
color: white;
|
}
|
|
.delete-btn {
|
background-color: #e34d59;
|
}
|
|
.edit-btn {
|
background-color: #ed7b2f;
|
}
|
|
.favor-btn {
|
background-color: #0052d9;
|
}
|
|
.outsideContentBox {
|
padding: 30rpx;
|
background: #F2F3F8;
|
border-radius: 18rpx 18rpx 18rpx 18rpx;
|
padding-bottom: 325rpx;
|
/* height: 260rpx; */
|
}
|
|
.bottomBox {
|
/* position: fixed;
|
left: 0;
|
right: 0;
|
bottom: calc(env(safe-area-inset-bottom) + 88rpx); */
|
height: 120rpx;
|
background: #FFFFFF;
|
box-shadow: 0rpx -2rpx 0rpx 2rpx rgba(0, 0, 0, 0.08);
|
display: flex;
|
align-items: center;
|
position: fixed;
|
bottom: calc(env(safe-area-inset-bottom) + 100rpx);
|
left: 0;
|
right: 0;
|
/* height: 44px; */
|
/* padding-bottom: 90px; */
|
/* padding-top: 10rpx; */
|
}
|
|
.checkGroupBox {
|
/* flex: 1; */
|
margin: 0 30rpx;
|
width: 120rpx;
|
}
|
|
|
|
.settlementBox {
|
width: 80%;
|
display: flex;
|
align-items: center;
|
/* justify-content: space-between; */
|
}
|
|
.totalPrice {
|
flex: 1;
|
/* margin: 0 50rpx; */
|
|
}
|
|
.buttonBox {
|
margin-right: 80rpx;
|
}
|
|
.tButtonBox {
|
/* background-color: #FF6C00; */
|
width: 200rpx;
|
height: 80rpx;
|
}
|
|
checkbox .wx-checkbox-input {
|
/* border-radius: 50%; */
|
/* 圆角 */
|
/* width: 46rpx; */
|
/* 背景的宽 */
|
/* height: 46rpx; */
|
/* 背景的高 */
|
width: 30rpx;
|
height: 30rpx;
|
}
|
|
/* 选中后的 背景样式*/
|
checkbox .wx-checkbox-input.wx-checkbox-input-checked {
|
border: 1rpx solid #FF6C00;
|
background: #FF6C00;
|
}
|
|
checkbox .wx-checkbox-input.wx-checkbox-input-checked::before {
|
border-radius: 50%;
|
/* 圆角 */
|
width: 40rpx;
|
/* 选中后对勾大小，不要超过背景的尺寸 */
|
height: 40rpx;
|
/* 选中后对勾大小，不要超过背景的尺寸 */
|
line-height: 40rpx;
|
text-align: center;
|
font-size: 30rpx;
|
/* 对勾大小 30rpx */
|
color: #fff;
|
/* 对勾颜色 白色 */
|
background: transparent;
|
transform: translate(-50%, -50%) scale(1);
|
-webkit-transform: translate(-50%, -50%) scale(1);
|
}
|
|
|
.contentBox {
|
display: flex;
|
align-items: center;
|
background-color: #fff;
|
margin: 30rpx 0;
|
border-radius: 18rpx 18rpx 18rpx 18rpx;
|
height: 260rpx;
|
}
|
|
.totalPriceText {
|
color: #FF6C00;
|
}
|
|
.LaelBox {
|
margin: 50rpx;
|
}
|
|
.itemWarp {
|
margin: 15rpx 0;
|
}
|
|
.t-cell {
|
border-radius: 18rpx;
|
}
|
|
.t-cell__left-image {
|
width: 150rpx;
|
height: 210rpx;
|
}
|
|
|
.contentCheckbox {
|
width: 100rpx;
|
}
|
|
.left-icon {
|
display: flex;
|
justify-content: flex-start;
|
align-items: center;
|
}
|
|
.left-image {
|
width: 152rpx;
|
height: 212rpx;
|
background: #FFFFFF;
|
border-radius: 0rpx 0rpx 0rpx 0rpx;
|
}
|
|
.imageStyle {
|
width: 100%;
|
height: 100%;
|
}
|
|
.t-checkbox {
|
--td-checkbox-icon-checked-color: #FF6C00;
|
}
|
|
.t-checkbox--block {
|
padding: 0 !important;
|
}
|
|
.t-button--default {
|
background-color: #FF6C00 !important;
|
}
|
|
.noDataBox {
|
width: 100%;
|
margin-top: 200rpx;
|
display: flex;
|
justify-content: center;
|
align-items: center;
|
}
|
|
page {
|
background: #F2F3F8;
|
}
|
|
.titleBox {
|
display: flex;
|
flex-direction: row;
|
margin: 15rpx;
|
}
|
|
.descriptionBox {
|
margin: 15rpx;
|
}
|
|
.labelBox {
|
width: 125rpx;
|
height: 38rpx;
|
font-size: 22rpx;
|
color: #FFFFFF;
|
font-family: PingFang SC, PingFang SC;
|
/* margin-right: 30rpx; */
|
border-radius: 0px 0px 0px 5px;
|
}
|
|
.eBook {
|
width: 90%;
|
height: 100%;
|
background: #FF6C00;
|
text-align: center;
|
line-height: 38rpx;
|
border-radius: 9rpx;
|
}
|
|
.cloudLearning {
|
width: 100%;
|
height: 100%;
|
background: #5F92FD;
|
text-align: center;
|
line-height: 38rpx;
|
border-radius: 9rpx;
|
}
|
|
.boosName {
|
width: 100%;
|
overflow: hidden;
|
text-overflow: ellipsis;
|
display: -webkit-box;
|
-webkit-box-orient: vertical;
|
-webkit-line-clamp: 2;
|
font-family: PingFang SC, PingFang SC;
|
font-weight: bold;
|
font-size: 29rpx;
|
color: #333333;
|
}
|
|
.textBox {
|
font-family: PingFang SC, PingFang SC;
|
font-weight: 400;
|
font-size: 25rpx;
|
color: #333333;
|
/* margin: 10rpx 0; */
|
margin-bottom: 20rpx;
|
}
|
|
.bottom-box {
|
display: flex;
|
justify-content: center;
|
color: #999;
|
height: 80rpx;
|
font-size: 28rpx;
|
--td-loading-color: #ff6c00
|
}
|
