.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; } .searchView image{ width: 36upx; height: 36upx; position: absolute; left: 20upx; top: 14upx; } .searchView input{ width: 75%; height: 60upx; background-color: #ffffff; font-size: 26upx; border-radius: 50upx; padding-left: 70upx; } .searchBtn{ margin-left: 30upx; font-size: 26upx; } .catesMain{ margin-top: 90upx; width: 100%; min-height: 500upx; display: flex; } .cates-left{ position: fixed; top: 90upx; left: 0; font-size: 26upx; width: 160upx; height: 600upx; background-color: #f5f5f5; } .scroll-Y{ width: 100%; height: 100%; } .cates-left view{ display: flex; justify-content: center; align-items: center; height: 80upx; border-bottom: 1px solid #ffffff; color: #555555; } .cates-right{ padding-bottom: var(--window-bottom); } .goods-list { position: relative; } .goods-item{ float: left; border-radius: 18upx; background-color: #fbf8f8; margin-bottom: 30upx; } .goods-item:nth-child(2n+1){ margin-left: 2%; } .goods-item:nth-child(2n){ margin-left: 2%; } .goods-icon{ width: 100%; border-radius: 10upx; margin-bottom: 20upx; height: 290upx; } .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; /* 使用省略号 */ } .scroll-view_H { white-space: nowrap; width: 100%; } .scroll-view-item_H { display: inline-block; width: 100%; height: 300rpx; line-height: 300rpx; text-align: center; font-size: 36rpx; } .cates-right{ position: fixed; top: 90upx; left: 160upx; font-size: 26upx; width: 160upx; } .active{ background-color: #ffffff; color: #1735C0 !important; font-weight: 700; }