127 lines
1.7 KiB
Plaintext
127 lines
1.7 KiB
Plaintext
/* mall/index/index.wxss */
|
|
@import "../../extend/ColorUI/css/main.wxss";
|
|
|
|
.bg-white {
|
|
background-color: #1dbf53 !important;
|
|
color: #beffd4 !important;
|
|
font-size: 30rpx !important;
|
|
}
|
|
|
|
.nav .cu-item {
|
|
padding: 0 40rpx !important;
|
|
}
|
|
|
|
.nav .cu-item.cur {
|
|
border-bottom: 0 !important;
|
|
}
|
|
|
|
.cur {
|
|
position: relative;
|
|
}
|
|
|
|
.nav .cu-item.cur::before {
|
|
position: absolute;
|
|
content: "";
|
|
width: 30rpx;
|
|
height: 6rpx;
|
|
background-color: #beffd4;
|
|
border-radius: 3rpx;
|
|
bottom: 15rpx;
|
|
left: 50%;
|
|
margin-left: -15rpx;
|
|
}
|
|
|
|
.text-green {
|
|
font-size: 32rpx !important;
|
|
color: #fff !important;
|
|
}
|
|
|
|
.index_cen {
|
|
margin-top: 20rpx;
|
|
padding: 0 20rpx 150rpx;
|
|
}
|
|
|
|
.shop_list {
|
|
width: 348rpx;
|
|
height: 536rpx;
|
|
background-color: #fff;
|
|
border-radius: 2%;
|
|
float: left;
|
|
}
|
|
|
|
.shop_list:nth-child(2n) {
|
|
margin-left: 14rpx;
|
|
}
|
|
|
|
.shop_list:nth-child(n+3) {
|
|
margin-top: 14rpx;
|
|
}
|
|
|
|
.clear {
|
|
clear: both;
|
|
}
|
|
|
|
.shop_img {
|
|
width: 100%;
|
|
height: 310rpx;
|
|
}
|
|
|
|
.shop_img image {
|
|
height: 100%;
|
|
width: 100%;
|
|
}
|
|
|
|
.shop_cen {
|
|
padding: 0 25rpx;
|
|
}
|
|
|
|
.shop_title {
|
|
height: 80rpx;
|
|
margin-top: 10rpx;
|
|
font-weight: 600;
|
|
font-size: 30rpx;
|
|
color: #333;
|
|
display: -webkit-box !important;
|
|
-webkit-box-orient: vertical;
|
|
-webkit-line-clamp: 2;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.shop_info {
|
|
display: flex;
|
|
margin-top: 39rpx;
|
|
}
|
|
|
|
.shop_info_l {
|
|
flex: 2;
|
|
}
|
|
|
|
.shop_info_r {
|
|
display: -webkit-flex;
|
|
display: flex;
|
|
-webkit-flex-direction: column-reverse;
|
|
flex-direction: column-reverse;
|
|
}
|
|
|
|
.shop_info_r image {
|
|
width: 50rpx;
|
|
height: 50rpx;
|
|
}
|
|
|
|
.opri {
|
|
font-size: 22rpx;
|
|
color: #999;
|
|
text-decoration: line-through;
|
|
}
|
|
|
|
.ppri {
|
|
margin-top: 19rpx;
|
|
font-size: 32rpx;
|
|
color: #333;
|
|
}
|
|
|
|
.ppri span {
|
|
font-size: 22rpx;
|
|
color: #333;
|
|
}
|