/* 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; }