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.
91 lines
1.5 KiB
91 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%; |
|
height: 240rpx; |
|
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; |
|
} |