From c99f9976a5ef9d8974105feb8fc0580a10adf98c Mon Sep 17 00:00:00 2001
From: QYF-GitLab1 <1940665526@qq.com>
Date: 星期一, 23 十二月 2024 14:58:49 +0800
Subject: [PATCH] 111

---
 packageDomain/pages/sampleBookList/index.wxss |  113 ++++++++++++++++++++++++++++++++++++++++++++------------
 1 files changed, 89 insertions(+), 24 deletions(-)

diff --git a/packageDomain/pages/sampleBookList/index.wxss b/packageDomain/pages/sampleBookList/index.wxss
index ed8578b..abcc3e7 100644
--- a/packageDomain/pages/sampleBookList/index.wxss
+++ b/packageDomain/pages/sampleBookList/index.wxss
@@ -1,3 +1,20 @@
+@import "./index.skeleton.wxss";
+
+.back-icon {
+  width: 48rpx;
+  height: 100%;
+}
+
+.back-icon image {
+  width: 100%;
+  height: 100%;
+}
+
+.container {
+  width: 100vw;
+  height: 100vh;
+}
+
 .page-header {
   background-color: #fff;
   position: fixed;
@@ -7,14 +24,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 +60,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 +84,8 @@
 
 .t-dropdown-menu:after,
 .t-dropdown-menu::after {
-  height: 0px;
+  height: 0px !important;
 }
-
 
 .t-dropdown-item__body,
 .t-dropdown-item__footer,
@@ -82,9 +105,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 +151,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 +168,12 @@
 
 .title .icon {
   height: 36rpx;
+  width: 140rpx;
   line-height: 60rpx;
 }
 
 .title .icon .iconImage {
+  width: 100%;
   height: 100%;
 }
 
@@ -166,9 +191,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 +208,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 +227,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 +254,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 +268,7 @@
 }
 
 .checkbox .t-checkbox--block {
-  padding: 20rpx 0 !important;
+  padding: 0 !important;
   align-items: center;
 }
 
@@ -247,10 +285,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 +300,30 @@
   margin-left: 10rpx;
 }
 
+movable-area {
+  pointer-events: auto;
+}
 
+.movable-area {
+  width: 100%;
+  height: 100%;
+}
+
+movable-view {
+  pointer-events: auto;
+}
+
+.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 +336,7 @@
 .applyBox .box .t-image {
   width: 100%;
   height: 100%;
+
 }
 
 .num {
@@ -297,4 +353,13 @@
   position: absolute;
   top: 30rpx;
   left: 118rpx;
+}
+
+
+.t-icon-search {
+  font-size: 38rpx;
+}
+
+.t-search__input-box {
+  height: 70rpx !important;
 }
\ No newline at end of file

--
Gitblit v1.9.1