526 lines
8.9 KiB
Plaintext
526 lines
8.9 KiB
Plaintext
/* pages/goodsList/goodsList.wxss */
|
|
.goodslist {
|
|
background: #f5f5f5;
|
|
|
|
/* padding-bottom: 50px; */
|
|
}
|
|
|
|
.pass_price{
|
|
color:#867E7E;
|
|
}
|
|
.goodslist .a {
|
|
color: #2b2f33;
|
|
}
|
|
.pl-4{
|
|
padding-left:4px ;
|
|
}
|
|
.goodslist .main2 .list {
|
|
display: -webkit-box;
|
|
display: -webkit-flex;
|
|
background: #fff;
|
|
border-bottom: solid 2rpx #ebebeb;
|
|
padding-top: 5rpx;
|
|
padding-bottom: 5rpx;
|
|
padding-left: 30rpx;
|
|
}
|
|
|
|
.goodslist .main2 .imgs {
|
|
width: 200rpx;
|
|
height: 200rpx;
|
|
|
|
/* padding: 12rpx; */
|
|
box-sizing: border-box;
|
|
overflow: hidden;
|
|
border-radius: 10rpx;
|
|
}
|
|
|
|
.goodslist .main2 .imgss {
|
|
width: 254rpx;
|
|
height: 254rpx;
|
|
|
|
/* padding: 12rpx; */
|
|
box-sizing: border-box;
|
|
overflow: hidden;
|
|
border-radius: 10rpx;
|
|
margin-left: 20rpx;
|
|
}
|
|
|
|
.goodslist .main2 .imgss image {
|
|
width: 100%;
|
|
}
|
|
|
|
.goodslist .main2 .imgs image {
|
|
width: 100%;
|
|
}
|
|
|
|
.goodslist .main2 .shop_info {
|
|
display: flex;
|
|
flex-direction: column;
|
|
-webkit-box-flex: 1;
|
|
-webkit-flex: 1;
|
|
text-align: left;
|
|
|
|
/* padding: 20rpx 24rpx; */
|
|
padding-left: 15rpx;
|
|
}
|
|
|
|
.goodslist .main2 .shop_info .ul {
|
|
flex: 1;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
|
|
/* margin-bottom: 20rpx; */
|
|
flex-direction: column;
|
|
}
|
|
|
|
.goodslist .main2 .shop_info .title {
|
|
margin: 10rpx;
|
|
font-size: 24rpx;
|
|
display: -webkit-box;
|
|
-webkit-box-orient: vertical;
|
|
-webkit-line-clamp: 2;
|
|
overflow: hidden;
|
|
/* height: 60rpx; */
|
|
/* line-height: 30rpx; */
|
|
color: #333;
|
|
}
|
|
|
|
.goodslist .main2 .shop_info .goods-label-box {
|
|
margin: 10rpx;
|
|
font-size: 22rpx;
|
|
display: -webkit-box;
|
|
-webkit-box-orient: vertical;
|
|
-webkit-line-clamp: 2;
|
|
overflow: hidden;
|
|
/* height: 60rpx; */
|
|
color: rgb(136, 136, 136);
|
|
}
|
|
|
|
.goodslist .main2 .shop_info .goods-label-box .goods-label {
|
|
margin-right: 12rpx ;
|
|
}
|
|
|
|
.goodslist .main2 .shop_info .title_two {
|
|
margin: 10rpx;
|
|
font-size: 24rpx;
|
|
display: -webkit-box;
|
|
-webkit-box-orient: vertical;
|
|
-webkit-line-clamp: 2;
|
|
overflow: hidden;
|
|
|
|
/* height: 60rpx; */
|
|
line-height: 30rpx;
|
|
color: #333;
|
|
}
|
|
|
|
.goodslist .main2 .shop_info .s2 {
|
|
font-size: 20rpx;
|
|
line-height: 28rpx;
|
|
color: #999;
|
|
text-decoration: line-through;
|
|
}
|
|
|
|
.goodslist .main2 .shop_info .member {
|
|
/* font-size: 28rpx;
|
|
color: #f15353; */
|
|
|
|
/* flex: 1.3; */
|
|
|
|
/* text-align: right;
|
|
margin-left: 20rpx; */
|
|
font-size: 28rpx;
|
|
color: #fb4a4a;
|
|
line-height: 28rpx;
|
|
padding-bottom: 8rpx;
|
|
}
|
|
|
|
.goodslist .main2 .shop_info .member .small {
|
|
font-size: 20rpx;
|
|
line-height: 28rpx;
|
|
color: #fb4a4a;
|
|
}
|
|
|
|
.goodslist .main2 .shop_info .member .a {
|
|
color: #f23030;
|
|
font-weight: bold;
|
|
margin-top: 20rpx;
|
|
}
|
|
|
|
.goodslist .main2 .fit {
|
|
flex: 0 0 32rpx;
|
|
}
|
|
|
|
.goodslist .loadNomore {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
.goodslist .loadNomore image {
|
|
width: 20%;
|
|
}
|
|
|
|
.goodslist .h3 {
|
|
width: 65%;
|
|
position: relative;
|
|
margin: 0 auto 40rpx;
|
|
height: 40rpx;
|
|
padding: 20rpx 0 0;
|
|
}
|
|
|
|
.goodslist .h3 .title {
|
|
width: 33%;
|
|
text-align: center;
|
|
padding: 0 20rpx;
|
|
background: #f5f5f5;
|
|
position: absolute;
|
|
z-index: 9;
|
|
left: 0;
|
|
right: 0;
|
|
margin: auto;
|
|
font-size: 28rpx;
|
|
color: #666;
|
|
}
|
|
|
|
.goodslist .h3 .spas {
|
|
border-bottom: 2rpx solid #d9d9d9;
|
|
position: absolute;
|
|
z-index: 5;
|
|
top: 40rpx;
|
|
width: 100%;
|
|
}
|
|
|
|
.goodslist .mai {
|
|
width: 100%;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.goodslist .main {
|
|
overflow: hidden;
|
|
|
|
/* margin-right: -2rpx; */
|
|
margin: 16rpx 24rpx;
|
|
background: #f5f5f5;
|
|
}
|
|
|
|
.goodslist .main .dl:nth-child(2n) {
|
|
margin-right: 0;
|
|
}
|
|
|
|
.goodslist .main .dl {
|
|
border-radius: 16rpx;
|
|
padding: 0;
|
|
box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
-webkit-box-sizing: border-box;
|
|
float: left;
|
|
padding-bottom: 16rpx;
|
|
margin-bottom: 16rpx;
|
|
margin-right: 2%;
|
|
background: #fff;
|
|
width: 49%;
|
|
}
|
|
|
|
.goodslist .main .dl .dt {
|
|
width: 100%;
|
|
|
|
/* padding-bottom: 100%; */
|
|
position: relative;
|
|
overflow: hidden;
|
|
height: 330rpx;
|
|
border-radius: 9rpx 9rpx 0rpx 0rpx;
|
|
border-bottom: solid 1rpx #f2f2f7;
|
|
}
|
|
|
|
.goodslist .main .dl .dt image {
|
|
width: 100%;
|
|
right: 0;
|
|
height: 100%;
|
|
position: absolute;
|
|
border-top-left-radius: 16rpx;
|
|
border-top-right-radius: 16rpx;
|
|
}
|
|
|
|
.goodslist .main .dl .s3 {
|
|
display: block;
|
|
text-align: left;
|
|
margin: 0 20rpx;
|
|
-webkit-box-orient: vertical;
|
|
-webkit-line-clamp: 1;
|
|
word-break: break-all;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
}
|
|
|
|
.goodslist .main .dl .dd {
|
|
margin: 0;
|
|
}
|
|
|
|
.goodslist .main .dl .dd .s1 {
|
|
margin: 0;
|
|
}
|
|
|
|
.goodslist .main .dl .dd .s1 .span {
|
|
line-height: 28rpx;
|
|
height: 28rpx;
|
|
overflow: hidden;
|
|
font-size: 20rpx;
|
|
color: #fb4a4a;
|
|
padding-left: 9rpx;
|
|
}
|
|
|
|
.goodslist .main .dl .dd .s1 .em1 {
|
|
font-size: 28rpx;
|
|
background: #f15353;
|
|
color: white;
|
|
padding: 6.4rpx 16rpx;
|
|
border-top-left-radius: 16rpx;
|
|
border-bottom-right-radius: 16rpx;
|
|
}
|
|
|
|
.goodslist .main .dl .dd .s1 .em2 {
|
|
font-size: 32rpx;
|
|
}
|
|
|
|
.goodslist .main .dl .dd .s2 {
|
|
text-decoration: line-through;
|
|
vertical-align: middle;
|
|
height: 28rpx;
|
|
font-size: 24rpx;
|
|
line-height: 28rpx;
|
|
color: #999;
|
|
padding-left: 9rpx;
|
|
}
|
|
|
|
.goodslist .main .dl .m-text {
|
|
/* height: 60rpx; */
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
display: -webkit-box;
|
|
-webkit-box-orient: vertical;
|
|
-webkit-line-clamp: 2;
|
|
word-break: break-all;
|
|
text-align: left;
|
|
font-size: 24rpx;
|
|
line-height: 30rpx;
|
|
color: #333;
|
|
margin: 20rpx 10rpx;
|
|
/* padding-left: 5rpx;
|
|
padding-right: 20rpx;
|
|
padding-top: 9rpx; */
|
|
}
|
|
|
|
.goodslist .main .dl .m-label {
|
|
margin: 10rpx;
|
|
/* max-height: 74rpx; */
|
|
text-align: left;
|
|
font-size: 24rpx;
|
|
color: rgb(136, 136, 136);
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
display: -webkit-box;
|
|
-webkit-box-orient: vertical;
|
|
-webkit-line-clamp: 2;
|
|
word-break: break-all;
|
|
|
|
}
|
|
.goodslist .main .dl .m-label .goods-label {
|
|
margin-right: 12px;
|
|
}
|
|
|
|
.heightAuto {
|
|
-webkit-line-clamp: 3 !important;
|
|
}
|
|
|
|
.share_box {
|
|
display: flex;
|
|
justify-content: center;
|
|
margin: 20rpx 0;
|
|
}
|
|
|
|
.btn_left {
|
|
width: 140rpx;
|
|
height: 48rpx;
|
|
border-radius: 24rpx;
|
|
border: solid 1px #ff2c29;
|
|
text-align: center;
|
|
line-height: 48rpx;
|
|
margin-left: 22rpx;
|
|
}
|
|
|
|
.btn_right {
|
|
width: 140rpx;
|
|
height: 48rpx;
|
|
background-color: #ff2c29;
|
|
border-radius: 24rpx;
|
|
text-align: center;
|
|
line-height: 48rpx;
|
|
color: #fff;
|
|
margin-right: 22rpx;
|
|
}
|
|
|
|
.shareC {
|
|
display: flex;
|
|
justify-content: flex-start;
|
|
margin-bottom: 16rpx;
|
|
}
|
|
|
|
.shareC_left,
|
|
.shareC_right {
|
|
/* width: 117rpx; */
|
|
height: 27rpx;
|
|
background-color: #ffeee9;
|
|
font-size: 20rpx;
|
|
color: #ff6333;
|
|
margin-left: 13rpx;
|
|
text-align: center;
|
|
line-height: 27rpx;
|
|
padding: 0 10rpx;
|
|
}
|
|
|
|
.shareimg {
|
|
width: 100%;
|
|
height: 103rpx;
|
|
display: flex;
|
|
justify-content: flex-end;
|
|
align-items: center;
|
|
border-top: solid 2rpx #ebebeb;
|
|
margin-top: 10rpx;
|
|
margin-left: 25rpx;
|
|
margin-right: 25rpx;
|
|
}
|
|
|
|
.aImgBtn {
|
|
width: 159rpx;
|
|
height: 55rpx;
|
|
background-color: #ff2c29;
|
|
border-radius: 28rpx;
|
|
font-size: 28rpx;
|
|
color: #fff;
|
|
text-align: center;
|
|
line-height: 55rpx;
|
|
}
|
|
|
|
.copybtn {
|
|
width: 159rpx;
|
|
height: 55rpx;
|
|
color: #ff2c29;
|
|
border: 1px solid #ff2c29;
|
|
border-radius: 28rpx;
|
|
font-size: 28rpx;
|
|
text-align: center;
|
|
line-height: 55rpx;
|
|
margin-right: 16rpx;
|
|
}
|
|
|
|
/* 海报 */
|
|
.code_box {
|
|
width: 500rpx;
|
|
|
|
/* height: 970rpx; */
|
|
|
|
/* position: absolute;
|
|
left: 50%; */
|
|
display: block;
|
|
margin: 0 auto 60rpx;
|
|
border-radius: 12rpx;
|
|
}
|
|
|
|
.code_box image {
|
|
width: 100%;
|
|
border-radius: 12rpx;
|
|
}
|
|
|
|
.posterPopup_style .icon_btn {
|
|
width: 100%;
|
|
position: relative;
|
|
|
|
/* height: 120rpx; */
|
|
background: #fff;
|
|
text-align: center;
|
|
display: flex;
|
|
justify-content: space-around;
|
|
}
|
|
|
|
.posterPopup_style .icon_btn .box {
|
|
width: 50%;
|
|
display: flex;
|
|
align-items: center;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
text-align: center;
|
|
padding: 20rpx 0;
|
|
position: relative;
|
|
}
|
|
|
|
.posterPopup_style .icon_btn image {
|
|
width: 80rpx;
|
|
height: 80rpx;
|
|
margin-bottom: 8rpx;
|
|
}
|
|
|
|
.posterPopup_style .icon_close {
|
|
width: 100%;
|
|
height: 90rpx;
|
|
line-height: 90rpx;
|
|
text-align: center;
|
|
background: #efefef;
|
|
color: #333;
|
|
font-size: 32rpx;
|
|
}
|
|
|
|
.point-good {
|
|
color: #ff9500;
|
|
}
|
|
|
|
.point-good .point-good-price {
|
|
display: inline-block;
|
|
font-size: 32rpx;
|
|
word-break: break-all;
|
|
}
|
|
|
|
.point-good .point-text {
|
|
font-size: 22rpx;
|
|
display: inline-block;
|
|
background: #ff9500;
|
|
color: #fff;
|
|
padding: 2rpx 6rpx;
|
|
border-radius: 5px;
|
|
vertical-align: text-bottom;
|
|
}
|
|
|
|
.daydayPrice-text {
|
|
color: #ff9500;
|
|
}
|
|
|
|
.give_integral_wrapper {
|
|
position: relative;
|
|
display: flex;
|
|
text-align: left;
|
|
}
|
|
|
|
.give_integral_wrapper .give_integral_text {
|
|
position: absolute;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
width: 35rpx !important;
|
|
height: 35rpx !important;
|
|
font-size: 22rpx;
|
|
color: #fff;
|
|
background-color: #ec544a;
|
|
border-radius: 50%;
|
|
}
|
|
|
|
.give_integral_wrapper .give_integral_num {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
height: 35rpx !important;
|
|
padding: 6rpx 16rpx 6rpx 42rpx;
|
|
box-sizing: border-box;
|
|
font-size: 22rpx;
|
|
color: #ec544a;
|
|
background-color: #fff5f4;
|
|
border-radius: 15%;
|
|
}
|