132 lines
2.2 KiB
Plaintext
132 lines
2.2 KiB
Plaintext
.pkg-product-list {
|
|
image {
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.swiper-box {
|
|
width: 686rpx;
|
|
height: 360rpx;
|
|
margin: 0 auto;
|
|
border-radius: 16rpx;
|
|
|
|
image {
|
|
width: 100%;
|
|
height: 100%;
|
|
border-radius: 16rpx;
|
|
}
|
|
}
|
|
|
|
.search-box {
|
|
width: 686rpx;
|
|
height: 60rpx;
|
|
margin: 0 auto;
|
|
padding: 0 24rpx 0 32rpx;
|
|
box-sizing: border-box;
|
|
background: #F7F7F7;
|
|
border-radius: 30rpx;
|
|
|
|
input {
|
|
width: 560rpx;
|
|
font-size: 24rpx;
|
|
}
|
|
|
|
.icon {
|
|
width: 32rpx;
|
|
height: 32rpx;
|
|
}
|
|
}
|
|
|
|
.body-box {
|
|
width: 100%;
|
|
display: flex;
|
|
position: relative;
|
|
border-top: 2rpx solid #D2D2D2;
|
|
|
|
::-webkit-scrollbar {
|
|
width: 0 !important
|
|
}
|
|
|
|
.aside-box {
|
|
position: relative;
|
|
left: 0;
|
|
width: 194rpx;
|
|
box-sizing: border-box;
|
|
border-right: 2rpx solid #D2D2D2;
|
|
overflow-y: auto;
|
|
|
|
.item {
|
|
height: 94rpx;
|
|
box-sizing: border-box;
|
|
border-bottom: 2rpx solid #D2D2D2;
|
|
color: #033333;
|
|
|
|
text {
|
|
font-size: 28rpx;
|
|
}
|
|
}
|
|
|
|
.active {
|
|
border-left: 6rpx solid #FD574B;
|
|
color: #FD574B;
|
|
font-weight: bold;
|
|
}
|
|
}
|
|
|
|
.article-box {
|
|
position: relative;
|
|
width: calc(100vw - 194rpx);
|
|
overflow-y: auto;
|
|
|
|
.empty {
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
transform: translate(-50%,-50%);
|
|
|
|
image {
|
|
width: 280rpx;
|
|
height: 280rpx;
|
|
}
|
|
|
|
view {
|
|
color: gray;
|
|
font-size: 24rpx;
|
|
}
|
|
}
|
|
|
|
.item {
|
|
position: relative;
|
|
width: 242rpx;
|
|
height: 376rpx;
|
|
box-sizing: border-box;
|
|
margin: 20rpx 0 0 20rpx;
|
|
|
|
.cover {
|
|
width: 242rpx;
|
|
height: 242rpx;
|
|
margin-bottom: 8rpx;
|
|
border-radius: 8rpx;
|
|
}
|
|
|
|
.name {
|
|
color: #333;
|
|
font-size: 26rpx;
|
|
line-height: 36rpx;
|
|
}
|
|
|
|
.price {
|
|
position: absolute;
|
|
bottom: 4rpx;
|
|
color: #DA0000;
|
|
font-size: 28rpx;
|
|
line-height: 36rpx;
|
|
}
|
|
}
|
|
.item-store{
|
|
height: 336rpx;
|
|
}
|
|
}
|
|
}
|
|
|
|
}
|