/* pages/goodslist/goodslist.wxss */ .search-box { position: fixed; top: 0; left: 0; width: 100%; padding: 20rpx 15rpx; display: flex; flex-direction: row; background: #ffffff; } .search-box input { padding: 10rpx; background: #f2f2f2; border-radius: 20rpx; width: 80%; font-size: 28rpx; } .search-box .btn { padding: 10rpx; color: black; } .container-box { margin-top: 110rpx; } .goods-item { display: flex; flex-direction: row; margin: 20rpx; } .goods-content { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding: 0rpx 10rpx; } .goods-name { font-size: 28rpx; color: #000000; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .goods-price { font-size: 40rpx; color: #e70606; margin-top: 20rpx; } .goods-type { display: flex; flex-direction: row; margin-top: 10rpx; } .type-item { background: #f2f2f2; color: #e70606; padding: 10rpx; font-size: 20rpx; } .type-item:nth-of-type(n+2) { margin-left: 20rpx; } .shop-name { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; font-size: 28rpx; color: #5a5a5a; margin-top: 20rpx; } .shop-name .shop-icon { width: 30rpx; height: 30rpx; } .goods-item image { width: 240rpx; height: 200rpx; }