/* pages/quality/index/index.wxss */ page { width: 100%; height: 100%; background-color: #fff; } .container-goods { width: 100%; height: 100%; padding-top: 100rpx; } .tabs { position: fixed; top: 0; left: 0; width: 100%; height: 100rpx; background-color: #fff; /* border-bottom: 1rpx solid #e6e6e6; */ z-index: 3; } .tabs .scroll-view { width: 100%; height: 100%; white-space: nowrap; line-height: 100rpx; padding: 0 32rpx; font-size: 28rpx; font-family: FZZhunYuan-M02S, FZZhunYuan-M02S-Regular; font-weight: 400; color: #666666; } .tabs .scroll-view .tab { display: inline-block; margin-right: 72rpx; font-size: 32rpx; color: #1A1A1A; } .tabs .scroll-view .tab-active { position: relative; color: #2B58A5; font-size: 34rpx; } .tabs .scroll-view .tab-active::after { position: absolute; bottom: 0; left: 0; display: block; content: ""; width: 100%; height: 4rpx; background-color: #2B58A5; border-radius: 2rpx; z-index: 9; } .goods { padding: 30rpx; } .goods .goods-item { display: flex; padding: 30rpx 0; border-bottom: 1rpx solid #e6e6e6; } .goods .goods-item image { width: 210rpx; height: 210rpx; border-radius: 10rpx; margin-right: 30rpx; flex-shrink: 0; } .goods .goods-item .body { font-weight: 400; font-family: FZZhunYuan-M02S, FZZhunYuan-M02S-Regular; flex: 1; } .getCouponBox{ width: 100%; text-align: right; } .goods .goods-item .body .goods-title { /* display: flex; align-items: center; */ padding-top: 8rpx; /* height: 80rpx; */ font-size: 30rpx; /* color: #1a1a1a; */ color: #1A1A1A; font-weight: 700; margin-bottom: 16rpx; word-break: break-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; /* 设置行数 */ -webkit-box-orient: vertical; } .goods .goods-item .body .goods-title text { flex: 1; word-break: break-all; overflow: hidden; text-overflow: ellipsis; /* display: -webkit-box; */ -webkit-line-clamp: 2; /* 设置行数 */ -webkit-box-orient: vertical; } .goods-classify{ background: #f0f1f5; border-radius: 10rpx; width: fit-content; padding: 6rpx 14rpx; } .goods .goods-item .body .goods-classify, .goods .goods-item .body .goods-total-num { font-size: 22rpx; color: #808080; margin-bottom: 16rpx; } .goods .goods-item .body .goods-total-num { margin-bottom: 6rpx; } .goods-total-num text{ color: #FF9209; } .goods .goods-item .body .goods-price { font-size: 32rpx; font-family: PingFang SC, PingFang SC-Medium; font-weight: 500; color: #ec2e26; } .goods .goods-item .body .getCoupon { display: inline-block; background-color: #2B58A5; padding: 15rpx 34rpx; border-radius: 30rpx; font-size: 24rpx; color: #FFFFFF; } /* .goods .goods-item .body .goods-price text { font-size: 32rpx; } */