tourism-wxapp/nova-tourism/components/suggest/index.wxss

page {
  font-family: "Microsoft YaHei", "PingFang SC", "Helvetica Neue", sans-serif;
}
.wangbox {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin-top: 60rpx;
  margin-bottom: 28rpx;
}
.wangbox .wang {
  width: 206rpx;
  height: 46rpx;
  font-size: 32rpx;
  color: #67806A;
  background-image: url(https://file-cloud.fmode.cn/EbxZUK5lBI/20241126/dm1jj2032446503.png?imageView2/1/w/200/h/200);
  background-position: center;
  /* 背景图片居中 */
  background-repeat: no-repeat;
  /* 不重复背景图片 */
  display: flex;
  justify-content: center;
  align-items: center;
}
.wangbox .wang2 {
  font-size: 24rpx;
  color: #969696;
}
.wang-cardbox {
  margin-top: 40rpx;
  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;
}
.more {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.more .more-tex {
  font-size: 28rpx;
  color: #969696;
}