骨架屏样式优化

闫增涛

2024-04-12 672575a32ecd7f8e0bcd76152040657e9e57328a

 packageBookService/pages/bookServices/detail/components/relatedBooks/index.wxss

@@ -4,9 +4,6 @@
  flex-wrap: wrap;
}

.between {
  justify-content: space-between;
}

.ctr {
  justify-content: center;
@@ -19,6 +16,11 @@
.book-box {
  width: 28%;
  margin-bottom: 40rpx;
  margin-right: calc(16vw - 68rpx);
}

.book-box:nth-child(3n) {
  margin-right: 0;
}

.book-image {
@@ -35,7 +37,6 @@
}

.book-name {
  color: #333;
  margin-top: 20rpx;
  width: 100%;
  word-break: break-all;
@@ -43,10 +44,16 @@
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  color: #333;
  font-weight: bold;
  font-size: 28rpx;
}

.loading-box {
  margin: 100rpx auto;
  display: flex;
  justify-content: space-between;
  width: 100%;
  height: min-content;
}

.noData {