Files

224 lines
4.4 KiB
Plaintext

.empty {
margin-top: 0 !important
}
.empty {
margin-top: 100rpx
}
.head-wrap {
width: 100vw;
height: 90rpx;
line-height: 90rpx;
background: #fff;
box-sizing: border-box;
padding: 0 30rpx;
text-align: right
}
.goods-list.single-column {
margin: 0 30rpx
}
.goods-list.single-column .checkbox-wrap {
margin-right: 20rpx;
display: flex;
align-items: center
}
.goods-list.single-column .checkbox-wrap .iconfont {
font-size: 40rpx;
color: #ccc
}
.goods-list.single-column .datetime {
line-height: 1.5;
font-size: 28rpx
}
.goods-list.single-column .goods-item {
padding: 26rpx;
background: #fff;
border-radius: 10rpx;
display: flex;
position: relative;
margin: 20rpx 0
}
.goods-list.single-column .goods-item.first-child {
margin-top: 0
}
.goods-list.single-column .goods-item .goods-img {
width: 200rpx;
height: 200rpx;
overflow: hidden;
border-radius: 10rpx;
margin-right: 20rpx
}
.goods-list.single-column .goods-item .goods-img image {
width: 100%;
height: 100%
}
.goods-list.single-column .goods-item .goods-tag {
color: #fff;
line-height: 1;
padding: 8rpx 12rpx;
position: absolute;
border-top-left-radius: 10rpx;
border-bottom-right-radius: 10rpx;
top: 26rpx;
left: 26rpx;
font-size: 22rpx
}
.goods-list.single-column .goods-item .goods-tag-img {
position: absolute;
border-top-left-radius: 10rpx;
width: 80rpx;
height: 80rpx;
top: 26rpx;
left: 26rpx;
z-index: 5;
overflow: hidden
}
.goods-list.single-column .goods-item .goods-tag-img image {
width: 100%;
height: 100%
}
.goods-list.single-column .goods-item .info-wrap {
flex: 1;
display: flex;
flex-direction: column;
width: calc(100% - 220rpx)
}
.goods-list.single-column .goods-item.manage .info-wrap {
width: calc(100% - 280rpx)
}
.goods-list.single-column .goods-item .name-wrap {
flex: 1
}
.goods-list.single-column .goods-item .goods-name {
font-size: 28rpx;
line-height: 1.3;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
height: 68rpx
}
.goods-list.single-column .goods-item .introduction {
line-height: 1;
margin-top: 10rpx
}
.goods-list.single-column .goods-item .discount-price {
display: none;
font-weight: 700;
line-height: 1;
margin-top: 16rpx;
color: var(--price-color)
}
.goods-list.single-column .goods-item .discount-price .unit {
margin-right: 6rpx
}
.goods-list.single-column .goods-item .pro-info {
display: none;
margin-top: auto
}
.goods-list.single-column .goods-item .pro-info .delete-price {
text-decoration: line-through;
flex: 1
}
.goods-list.single-column .goods-item .pro-info .delete-price .unit {
margin-right: 6rpx
}
.goods-list.single-column .goods-item .pro-info>view {
line-height: 1
}
.goods-list.single-column .goods-item .pro-info>view:nth-child(2) {
text-align: right
}
.goods-list.single-column .goods-item .member-price-tag {
display: inline-block;
width: 60rpx;
line-height: 1;
margin-left: 6rpx
}
.goods-list.single-column .goods-item .member-price-tag image {
width: 100%;
max-height: 30rpx
}
.bottom-wrap {
position: fixed;
width: 100vw;
height: 100rpx;
background: #fff;
bottom: 0;
overflow: hidden;
display: flex;
bottom: 0;
z-index: 9
}
.bottom-wrap .all-election {
flex: 1;
height: 100rpx;
position: relative;
display: inline-block
}
.bottom-wrap .all-election>.iconfont {
font-size: 40rpx;
position: absolute;
top: 50%;
left: 30rpx;
-webkit-transform: translateY(-50%);
transform: translateY(-50%)
}
.bottom-wrap .all-election>.icon-yuan_checkbox {
color: #ccc
}
.bottom-wrap .all-election>text {
margin-left: 56rpx;
line-height: 100rpx;
padding-left: 30rpx
}
.bottom-wrap .action-btn {
flex: 1;
width: 180rpx;
height: 100rpx;
line-height: 100rpx;
border-radius: 0;
margin: 0;
display: flex;
align-items: center;
justify-content: flex-end
}
.bottom-wrap .action-btn button {
width: 180rpx;
height: 70rpx;
line-height: 70rpx
}