.collect-title{ position: fixed; left: 0; top: 0; /* top: var(--status-bar-height); */ z-index: 99; width: 100%; background-color: #ebebeb; height: 80upx; } /*#ifdef H5*/ .collect-title{ top: 44px; } /*#endif*/ .collect-title text{ display: inline-block; height: 100%; line-height: 80upx; font-size: 26upx; padding: 0 30upx; } .collect-title view{ float: right; display: inline-block; line-height: 80upx; font-size: 28upx; margin-right: 50upx; } .goods-list{ margin-top: 110upx; width: 96%; display: flex; margin-left: 2%; flex-wrap: wrap; justify-content: space-between; } .goods-item{ position: relative; width: 48%; border-radius: 18upx; background-color: #fbf8f8; margin-bottom: 30upx; } .goods-icon{ width: 100%; border-radius: 10upx; margin-bottom: 20upx; } .goods-price{ margin-top: 16upx; display: flex; align-items: center; color: #F75451; font-size: 26upx; padding: 0 14upx; padding-bottom: 20upx; } .goods-price .red{ margin-left: 10upx; font-size: 32upx !important; font-weight: 600; } .goods-title{ padding: 0 14upx; font-size: 26upx; line-height: 42upx; font-weight: 700; color: #333; display: -webkit-box; /* 设置为WebKit内核的弹性盒子模型 */ -webkit-box-orient: vertical; /* 垂直排列 */ -webkit-line-clamp: 1; /* 限制显示两行 */ overflow: hidden; /* 隐藏超出范围的内容 */ text-overflow: ellipsis; /* 使用省略号 */ } .checkImg{ width: 56upx; height: 56upx; position: absolute; left: 20upx; top: 20upx; z-index: 9999; } .msk{ width: 100%; height: 100%; position: absolute; left: 0upx; top: 0upx; background-color: #000000; opacity: .5; z-index: 999; }