.search{ width: 100%; height: 90upx; background-color: #f5f5f5; z-index: 999; position: fixed; left: 0; top: var(--status-bar-height); } .searchView{ width: 90%; margin: 15upx 5%; display: flex; position: relative; align-items: center; } .back{ width: 100upx; font-size: 28upx; } .searchView image{ width: 36upx; height: 36upx; position: absolute; left: 110upx; top: 14upx; } .searchView input{ width: 58%; height: 60upx; background-color: #ffffff; font-size: 26upx; border-radius: 50upx; padding-left: 70upx; } .searchBtn{ margin-left: 30upx; font-size: 26upx; } .searchKey{ margin-top: 160upx; padding: 0 30upx; } .searchKey .title{ font-weight: 700; font-size: 26upx; color: #333333; margin-bottom: 20upx; } .searchKey .item{ } .searchKey .item view{ float: left; background-color: #e7e7e7; color: #7f6a6a; font-size: 24upx; margin-bottom: 20upx; padding: 8upx 16upx; border-radius: 6upx; margin-right: 20upx; } .goodsData{ margin-top: 160upx; } .goods-icon{ width: 400upx; height: 400upx; } .goods-list{ width: 96%; display: flex; margin-left: 2%; flex-wrap: wrap; justify-content: space-between; } .goods-item{ 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; /* 使用省略号 */ }