.nav { background: white; position: fixed; top: 0rpx; z-index: 999; width: 100vw; } .nav .shop { display: flex; align-items: center; } .nav .shop > view { font-size: 33rpx; font-weight: bold; margin: 0 10rpx; } .nav .search { height: 60rpx; overflow: hidden; background: whitesmoke; padding: 5rpx 10rpx; border-radius: 100rpx; display: flex; align-items: center; } .nav .search input { margin-left: 10rpx; height: 100rpx; font-size: 28rpx; } .wang-cardbox { padding: 20rpx; width: 100%; background-color: white; overflow-y: hidden; padding-bottom: 40rpx; column-count: 2; /* 设置列数 */ column-gap: 16rpx; /* 设置列间距 */ } .wang-cardbox .wang-card { break-inside: avoid; /* 防止卡片在列之间断裂 */ margin-bottom: 20rpx; /* 设置卡片底部间距 */ width: 100%; /* 确保卡片宽度为100% */ } .wang-cardbox .wang-card image { width: 100%; height: 204rpx; border-radius: 10rpx; } .wang-cardbox .wang-card .wang-catex { font-size: 26rpx; font-weight: 400; height: 76rpx; } .wang-cardbox .wang-card .wang-numbox { width: 100%; display: flex; align-items: center; } .wang-cardbox .wang-card .wang-numbox .wang-num { display: flex; justify-content: flex-end; align-items: flex-end; color: #C5262Ced; font-size: 30rpx; } .wang-cardbox .wang-card .wang-numbox .wang-num .wang-num1 { font-size: 32rpx; } .wang-cardbox .wang-card .wang-numbox .wang-num .wang-num2 { font-size: 40rpx; } .wang-cardbox .wang-card .wang-numbox .wang-submit { width: 102rpx; height: 48rpx; font-size: 28rpx; color: white; background-color: #F8DA7F; border-radius: 15rpx; display: flex; justify-content: center; align-items: center; margin-left: auto; }