tourism-wxapp/nova-tourism/pages/collect/good-list/index.wxss

.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;
}