yuminge-app/yun-min-program-plugin-master/packageB/member/group/GroupList/GroupList.wxss

126 lines
2.5 KiB
Plaintext

.group_list {
background: #fff;
}
.group_list .content {
padding-left: 20rpx;
}
.group_list .content .goods_box {
display: flex;
padding: 20rpx 20rpx 20rpx 0;
border-bottom: solid 2rpx #ebebeb;
}
.group_list .content .goods_box .goods_img {
width: 240rpx;
height: 240rpx;
background: #f2f2f2;
overflow: hidden;
border-radius: 8rpx;
margin-right: 20rpx;
}
.group_list .content .goods_box .goods_img image {
width: 100%;
height: 100%;
}
.group_list .content .goods_box .goods_info {
width: 450rpx;
text-align: left;
}
.group_list .content .goods_box .goods_info .name {
font-size: 14px;
line-height: 40rpx;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.group_list .content .goods_box .goods_info .price {
font-size: 16px;
margin-top: 12rpx;
color: #f15353;
}
.group_list .content .goods_box .goods_info .price .span {
font-size: 12px;
}
.group_list .content .goods_box .goods_info .price .span:last-child {
color: #8c8c8c;
margin-left: 20rpx;
}
.group_list .content .goods_box .goods_info .number {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 52rpx;
}
.group_list .content .goods_box .goods_info .number .left {
display: flex;
align-items: center;
}
.group_list .content .goods_box .goods_info .number .left .iconfont {
font-size: 48rpx;
color: #f15353;
margin-right: 12rpx;
}
.group_list .content .goods_box .goods_info .number .left .span {
color: #f15353;
font-size: 14px;
border-left: solid 2rpx #ebebeb;
padding-left: 12rpx;
}
.group_list .content .goods_box .goods_info .number .go_group {
width: 160rpx;
height: 56rpx;
border-radius: 8rpx;
background: #f15353;
display: flex;
justify-content: center;
align-items: center;
}
.group_list .content .goods_box .goods_info .number .go_group .span {
color: #fff;
font-size: 14px;
}
.group_list .content .goods_box .goods_info .number .go_group .fa {
color: #fff;
font-size: 32rpx;
margin-left: 20rpx;
}
.posBtn {
width: 100rpx;
height: 100rpx;
box-shadow: 1.504rpx 2.592rpx 4.992rpx 0 rgba(209, 209, 209, 0.36);
background-image: linear-gradient(#f14e4e, #f14e4e), linear-gradient(#fff, #fff);
position: fixed;
bottom: 96rpx;
right: 3%;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
border-radius: 50%;
color: #fff;
font-size: 20rpx;
}
.posBtn icon {
margin-top: -16rpx;
height: 49rpx;
}