128 lines
2.0 KiB
Plaintext
128 lines
2.0 KiB
Plaintext
/* packageH/blindBox/blindBoxIndex/blindBoxIndex.wxss */
|
|
.page {
|
|
min-height: 100vh;
|
|
}
|
|
|
|
.searchBox {
|
|
background: #fff;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.searchBox .search {
|
|
height: 60.16rpx;
|
|
border-radius: 30.08rpx;
|
|
background-color: #eff0f1;
|
|
margin: 24rpx 30.08rpx;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: flex-start;
|
|
padding-left: 22.08rpx;
|
|
}
|
|
|
|
.searchBox .search icon {
|
|
color: #999;
|
|
}
|
|
|
|
.searchBox .search input {
|
|
border: none;
|
|
margin-left: 13.12rpx;
|
|
}
|
|
|
|
.banner {
|
|
width: 100%;
|
|
height: 350.08rpx;
|
|
|
|
/* background: #999; */
|
|
}
|
|
|
|
.banner swiper {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.banner image {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.listItems {
|
|
padding: 30.016rpx;
|
|
display: grid;
|
|
grid-template-columns: 1fr 1fr;
|
|
grid-column-gap: 20rpx;
|
|
grid-row-gap: 20rpx;
|
|
}
|
|
|
|
.listItems .listItem {
|
|
width: 100%;
|
|
height: 480rpx;
|
|
text-align: left;
|
|
background-color: #fff;
|
|
box-shadow: 0 0.992rpx 9.888rpx 0.096rpx rgba(218, 218, 218, 0.82);
|
|
border-radius: 20rpx;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.listItems .listItem .image {
|
|
width: 100%;
|
|
height: 335.008rpx;
|
|
background-color: #bebebe;
|
|
border-radius: 20rpx 20rpx 0 0;
|
|
}
|
|
|
|
.listItems .listItem .image image {
|
|
width: 100%;
|
|
height: 100%;
|
|
border-radius: 20rpx 20rpx 0 0;
|
|
}
|
|
|
|
.listItems .listItem .name {
|
|
padding-left: 14.016rpx;
|
|
margin-top: 9.6rpx;
|
|
width: 100%;
|
|
font-size: 26.016rpx;
|
|
font-weight: bold;
|
|
color: #202020;
|
|
word-break: keep-all;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
}
|
|
|
|
.listItems .listItem .price {
|
|
padding-left: 14.016rpx;
|
|
margin-top: 16rpx;
|
|
font-size: 26.016rpx;
|
|
font-weight: bold;
|
|
color: #f14e4e;
|
|
}
|
|
|
|
.listItems .listItem .num {
|
|
padding-left: 14.016rpx;
|
|
margin-top: 3.2rpx;
|
|
font-size: 20rpx;
|
|
font-weight: bold;
|
|
display: flex;
|
|
align-items: center;
|
|
color: #999;
|
|
}
|
|
|
|
.listItems .listItem .num .iconfont {
|
|
font-size: 20rpx;
|
|
margin-top: -20rpx;
|
|
margin-right: 10rpx;
|
|
}
|
|
|
|
.order {
|
|
position: fixed;
|
|
right: 35.008rpx;
|
|
bottom: 204rpx;
|
|
width: 96rpx;
|
|
height: 96rpx;
|
|
}
|
|
|
|
.order image {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|