You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 

90 lines
1.5 KiB

/* pages/goodsList/index.wxss */
.goodsList-page{
width: 100%;
min-height: 100vh;
background: #fff;
}
.search-box{
width: 670rpx;
height: 68rpx;
border-radius: 8rpx;
border: 2rpx solid #986F43;
margin: 24rpx auto;
padding: 0rpx 0 0rpx 52rpx;
}
.inp-box image{
width: 35rpx;
height: 35rpx;
}
.search-btn{
width: 128rpx;
height: 64rpx;
background: #986F43;
border-radius: 4rpx;
text-align: center;
line-height: 64rpx;
font-size: 28rpx;
color: #fff;
}
.goods-list{
width: 100%;
padding: 40rpx;
}
.goods-item{
width: 100%;
background: #fff;
border-radius: 12rpx;
padding: 24rpx 32rpx;
margin-bottom: 32rpx;
box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.16);
}
.goods-item .img{
width: 192rpx;
height: 176rpx;
border-radius: 8rpx;
margin-right: 32rpx;
border: 1px solid #F7F7F7;
}
.goods-info{
width: calc(100% - 224rpx);
display: flex;
flex-direction: column;
/* justify-content: space-between; */
}
.name{
color: #202020;
font-size: 28rpx;
line-height: 40rpx;
font-weight: 500;
}
.tips{
width: 120rpx;
height: 32rpx;
line-height: 28rpx;
padding: 0 10rpx;
border: 2rpx solid #986F43;
border-radius: 18rpx;
font-size: 24rpx;
color: #986F43;
}
.desc{
color: #A5A5A5;
font-size: 24rpx;
line-height: 34rpx;
}
.location-box{
font-size: 24rpx;
color: #474747;
}
.address{
display: flex;
align-items: center;
margin-right: 10rpx;
}
.address image{
width: 25rpx;
height: 25rpx;
margin-right: 8rpx;
margin-top: -2rpx;
}