luban-mall/unpackage/dist/dev/mp-weixin/components/pull-list/pull-list.wxss

246 lines
3.1 KiB
Plaintext

/* 商品&文章列表 */
.pull-list.data-v-1c523212 {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}
.pull-item.data-v-1c523212 {
width: 100%;
height: 450rpx;
border-radius: 10rpx;
margin-top: 25rpx;
overflow: hidden;
position: relative;
}
.pull-item .img>image.data-v-1c523212 {
width: 100%;
min-height: 450rpx;
}
.pull-item .item-bg.data-v-1c523212 {
flex-direction: column-reverse;
width: 100%;
height: 450rpx;
background-color: rgba(0, 0, 0, .3);
position: absolute;
left: 0;
top: 0;
}
.pull-item .title.data-v-1c523212 {
padding: 0 30rpx;
font-size: 30rpx;
line-height: 1.6;
color: #FFFFFF;
}
.pull-item .time.data-v-1c523212 {
padding: 0 30rpx;
font-size: 24rpx;
line-height: 1.6;
color: #c2c2c2;
margin: 10rpx 0 18rpx;
}
.collection-sign.data-v-1c523212{
position: absolute;
right: 22rpx;
top: 22rpx;
}
.collection-sign>image.data-v-1c523212{
display: block;
width: 45rpx;
height: 41rpx;
margin: 0 auto;
}
.collection-sign>text.data-v-1c523212{
font-size: 24rpx;
line-height: 2;
color: #FFFFFF;
}
.pull-list-shop.data-v-1c523212{
align-items: flex-start;
}
.pull-item-shop.data-v-1c523212{
width: calc(50% - 14rpx);
height: auto;
}
.pull-item-shop .img.data-v-1c523212{
height: 215rpx;
overflow: hidden;
}
.pull-item-shop .img>image.data-v-1c523212 {
width: 100%;
min-height: 215rpx;
}
.pull-item-shop .item-bg.data-v-1c523212 {
height: auto;
background-color: #FFFFFF;
position: static;
}
.pull-item-shop .title.data-v-1c523212 {
height: 78rpx;
padding: 15rpx 20rpx 0;
margin-bottom: 15rpx;
font-size: 24rpx;
line-height: 1.8;
color: #000;
-webkit-line-clamp: 2;
}
/* 套件列表 */
.kit-list .kit-item.data-v-1c523212{
background-color: #FFFFFF;
margin-top: 30rpx;
padding: 25rpx 30rpx;
}
.kit-list .kit-item.data-v-1c523212:first-child{
margin-top: 20rpx;
}
.kit-item .kit-title.data-v-1c523212{
font-size: 30rpx;
line-height: 1.8;
color: #000000;
margin-top: 10rpx;
font-weight: bold;
}
.kit-item .kit-compose.data-v-1c523212{
font-size: 24rpx;
line-height: 1.8;
color: #999999;
}
.kit-item .kit-img.data-v-1c523212{
height: 450rpx;
border-radius: 10rpx;
margin: 22rpx 0;
overflow: hidden;
}
.kit-item .kit-img image.data-v-1c523212{
width: 100%;
min-height: 450rpx;
}
.kit-item .compose-list-bg.data-v-1c523212{
overflow-x: auto;
}
.kit-item .compose-list-bg.data-v-1c523212::-webkit-scrollbar{
width: 0;
height: 0;
}
.kit-item .compose-list.data-v-1c523212{
width: auto;
flex-wrap: nowrap;
}
.compose-list .compose-item.data-v-1c523212{
width: 270rpx;
margin-right: 22rpx;
border-radius: 10rpx;
overflow: hidden;
}
.compose-list .compose-item.data-v-1c523212:last-child{
margin-right: 0;
}
.compose-list .compose-item .compose-img.data-v-1c523212{
width: 100%;
height: 176rpx;
border-radius: 10rpx;
overflow: hidden;
}
.compose-list .compose-item image.data-v-1c523212{
width: 100%;
min-height: 176rpx;
}
.compose-list .compose-item .compose-title.data-v-1c523212{
font-size: 24rpx;
line-height: 1.8;
margin-top: 16rpx;
text-align: center;
}