bug

litian

2024-07-09 2573de28368b3800c6b087e603f38b027004f59a

 packageDomain/pages/sampleBookList/index.wxss

@@ -1,3 +1,10 @@
@import "./index.skeleton.wxss";

.container {
  width: 100vw;
  height: 100vh;
}

.page-header {
  background-color: #fff;
  position: fixed;
@@ -7,14 +14,20 @@
}

.bookServices-list {
  padding-top: 280rpx;
  padding-top: 294rpx;
  background: #F2F3F8;
}

.content {
  height: calc(100vh - env(safe-area-inset-bottom) - 294rpx);
  box-sizing: border-box;
}

.nacigationBar {
  display: flex;
  align-items: center;
  --td-search-font-size: 28rpx;
  margin-bottom: 30rpx;
  margin-bottom: 16rpx;
}

.list-header {
@@ -37,18 +50,19 @@
}

.header-scroll {
  width: 80vw;
  width: 100vw;
  overflow-x: auto;
}

.srcolbox {
  width: 100%;
  width: 900rpx;
  white-space: nowrap;
}

.srcolbox .t-button--primary {
  border-radius: 50rpx !important;
  background: #FF6C00 !important;
  border: none;
  border: none !important;
}

.srcolbox .t-button--light {
@@ -60,9 +74,8 @@

.t-dropdown-menu:after,
.t-dropdown-menu::after {
  height: 0px;
  height: 0px !important;
}


.t-dropdown-item__body,
.t-dropdown-item__footer,
@@ -82,9 +95,13 @@
}

.t-dropdown-menu__item--active {
  height: 85rpx !important;
  /* height: 86rpx !important; */
  background: #F6F6F6 !important;
  border-radius: 40rpx 40rpx 0 0;
  /* border-radius: 40rpx 40rpx 0 0; */
}

.t-button--primary::after {
  border: none !important;
}

.t-radio__title {
@@ -124,16 +141,12 @@
  transform: rotate(180deg);
}

.list-body {
  background: #F2F3F8;
  padding: 40rpx 0;
}

.title {
  display: flex;
  height: 60rpx;
  font-weight: bold;
  align-items: center;
  margin-top: 20rpx;
}

.title .line {
@@ -145,10 +158,12 @@

.title .icon {
  height: 36rpx;
  width: 140rpx;
  line-height: 60rpx;
}

.title .icon .iconImage {
  width: 100%;
  height: 100%;
}

@@ -166,9 +181,14 @@
  padding: 200rpx 0;
}

.body-loading {
  padding: 200rpx 0;
  text-align: center;
}


.book-list {
  padding: 24rpx;
  padding: 20rpx;
  display: flex;
  flex-wrap: wrap;
  margin-top: 10rpx;
@@ -178,13 +198,13 @@

.book-box {
  box-sizing: border-box;
  width: calc(100%/2 - 10rpx);
  width: calc(100%/2 - 12rpx);
  margin-right: 20rpx;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 40rpx;
  padding: 50rpx 20rpx 32rpx 20rpx;
  padding: 50rpx 16rpx 8rpx 16rpx;
  box-shadow: 0rpx 0rpx 18rpx 2rpx rgba(0, 0, 0, 0.08);
  background: #fff;
}
@@ -197,9 +217,15 @@
  color: #333;
}

.book-img image {
  object-fit: contain;
.book-img {
  width: 210rpx;
  height: 290rpx;
  box-shadow: 0px 0px 20rpx 2px rgba(0, 0, 0, 0.08);
}

.book-img image {
  width: 100%;
  height: 100%;
}

.book-name {
@@ -218,11 +244,13 @@
.book-author {
  height: 30rpx;
  margin-top: 16rpx;
  margin-bottom: 14rpx;
  width: 100%;
  font-size: 24rpx;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;

}

.checkbox {
@@ -230,7 +258,7 @@
}

.checkbox .t-checkbox--block {
  padding: 20rpx 0 !important;
  padding: 0 !important;
  align-items: center;
}

@@ -247,10 +275,11 @@

.checkbox .t-checkbox {
  font-size: 28rpx !important;
  align-items: center;
}

.checkbox .t-checkbox__icon--left {
  margin-right: 10rpx !important;
  margin-right: 6rpx !important;
}

.checkbox .t-checkbox__title {
@@ -261,14 +290,22 @@
  margin-left: 10rpx;
}

.movable-area {
  width: 100%;
  height: 100%;
}

.movable-view {
  width: 184rpx;
  height: 184rpx;
  top: 800rpx;
  left: 520rpx;
}

.applyBox {
  width: 184rpx;
  height: 184rpx;
  position: fixed;
  bottom: 20%;
  right: 0;

}

.applyBox .box {
@@ -281,6 +318,7 @@
.applyBox .box .t-image {
  width: 100%;
  height: 100%;

}

.num {
@@ -297,4 +335,13 @@
  position: absolute;
  top: 30rpx;
  left: 118rpx;
}


.t-icon-search {
  font-size: 38rpx;
}

.t-search__input-box {
  height: 70rpx !important;
}