yuminge-app/yun-min-program-plugin-master/packageH/toker/tokerIndex/tokerIndex.wxss

114 lines
1.8 KiB
Plaintext

/* packageH/toker/tokerIndex/tokerIndex.wxss */
.vanNav {
background: #f2f2f2;
}
view,
text {
box-sizing: border-box;
}
.list {
display: flex;
justify-content: center;
align-items: center;
}
.list .lis {
background-color: #fff;
width: 90%;
border-radius: 15.04rpx;
margin: 20.16rpx 0 20.16rpx 0;
padding: 24rpx;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.list .lis .bottom {
display: flex;
margin-bottom: 25.6rpx;
}
.list .lis .bottom:last-child {
margin-bottom: 0;
}
.list .lis .bottom .left {
width: 180.16rpx;
height: 180.16rpx;
}
.list .lis .bottom .right {
flex: 1;
margin-left: 20.16rpx;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.list .lis .bottom image {
width: 100%;
height: 100%;
}
.list .lis .bottom .right .rightBottom {
display: flex;
justify-content: space-between;
}
.list .lis .bottom .right .rightBottom .price {
font-size: 33.92rpx;
color: #ee2e2b;
}
.list .lis .bottom .right .rightBottom .sales {
font-size: 24rpx;
color: #666;
line-height: 48rpx;
}
.list .lis .bottom .right .rightBottom .sales text {
margin-left: 16rpx;
}
.list .lis .bottom .right .title {
text-align: left;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
font-size: 30.08rpx;
color: #202020;
}
.list .lis .top {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 24.96rpx;
}
.list .lis .top .distance {
color: #ee2e2b;
font-size: 28.16rpx;
}
.list .lis .top .img {
display: flex;
align-items: center;
font-size: 28.16rpx;
}
.list .lis .top .img image {
width: 70.08rpx;
height: 70.08rpx;
border-radius: 100%;
}
.list .lis .top .img .shopname {
font-size: 28.16rpx;
margin-left: 16rpx;
}