From cb15c57d0ff984f5a100cf25d560fb0a69c00984 Mon Sep 17 00:00:00 2001
From: yiming <m13691596795@163.com>
Date: 星期二, 16 四月 2024 18:21:05 +0800
Subject: [PATCH] 音频bug4

---
 packageDomain/pages/sampleBookList/index.wxss |  126 +++++++++++++++++++++++++++++++++--------
 1 files changed, 101 insertions(+), 25 deletions(-)

diff --git a/packageDomain/pages/sampleBookList/index.wxss b/packageDomain/pages/sampleBookList/index.wxss
index e1317d1..9da69cb 100644
--- a/packageDomain/pages/sampleBookList/index.wxss
+++ b/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,7 +14,13 @@
 }
 
 .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 {
@@ -37,19 +50,32 @@
 }
 
 .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 !important;
+}
+
+.srcolbox .t-button--light {
+  background: #fff !important;
+  border-radius: 50rpx !important;
+  color: #545C63 !important;
+  border: 2rpx solid #979797 !important;
 }
 
 .t-dropdown-menu:after,
 .t-dropdown-menu::after {
-  height: 0px;
+  height: 0px !important;
 }
-
 
 .t-dropdown-item__body,
 .t-dropdown-item__footer,
@@ -69,15 +95,29 @@
 }
 
 .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 {
+  font-size: 28rpx !important;
 }
 
 .t-dropdown-menu__item--active,
 .t-radio__icon--checked,
-.t-checkbox__icon--checked {
-  color: #FF6C00 !important
+.t-checkbox__icon--checked,
+.t-radio__title--checked,
+.t-checkbox__title--checked {
+  color: #FF6C00 !important;
+}
+
+.srcolbox .t-checkbox--checked {
+  background-color: #FFECDE !important;
 }
 
 .t-checkbox__icon--disabled {
@@ -85,7 +125,7 @@
 }
 
 .t-radio--block {
-  padding: 20rpx !important;
+  padding: 10rpx !important;
 }
 
 .t-radio__border {
@@ -101,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 {
@@ -122,10 +158,12 @@
 
 .title .icon {
   height: 36rpx;
+  width: 140rpx;
   line-height: 60rpx;
 }
 
 .title .icon .iconImage {
+  width: 100%;
   height: 100%;
 }
 
@@ -143,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;
@@ -155,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 32rpx 16rpx;
   box-shadow: 0rpx 0rpx 18rpx 2rpx rgba(0, 0, 0, 0.08);
   background: #fff;
 }
@@ -174,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 {
@@ -207,7 +256,7 @@
 }
 
 .checkbox .t-checkbox--block {
-  padding: 20rpx 0 !important;
+  padding: 0 !important;
   align-items: center;
 }
 
@@ -224,10 +273,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 {
@@ -238,23 +288,49 @@
   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: 20rpx;
+
 }
 
 .applyBox .box {
   width: 184rpx;
   height: 184rpx;
   color: #fff;
+  position: relative;
 }
 
 .applyBox .box .t-image {
   width: 100%;
   height: 100%;
+
+}
+
+.num {
+  background-color: #FD3D16;
+  color: #fff;
+  border: 2rpx solid #FFFFFF;
+  font-size: 24rpx;
+  line-height: 30rpx;
+  font-weight: 400;
+  width: 48rpx;
+  height: 32rpx;
+  text-align: center;
+  border-radius: 9px;
+  position: absolute;
+  top: 30rpx;
+  left: 118rpx;
 }
\ No newline at end of file

--
Gitblit v1.9.1