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

---
 pages/bookServices/assort/index.wxss |   44 ++++++++++++++++++++++++++++++++++----------
 1 files changed, 34 insertions(+), 10 deletions(-)

diff --git a/pages/bookServices/assort/index.wxss b/pages/bookServices/assort/index.wxss
index 9f30850..c441f05 100644
--- a/pages/bookServices/assort/index.wxss
+++ b/pages/bookServices/assort/index.wxss
@@ -1,6 +1,18 @@
+@import "./index.skeleton.wxss";
+
 page {
+  width: 100vw;
+  overflow: hidden;
   box-sizing: border-box;
   padding-bottom: calc(env(safe-area-inset-bottom) + 96rpx);
+}
+
+.navbar-title {
+  height: 80rpx;
+  line-height: 80rpx;
+  text-align: center;
+  color: #0F1214;
+  font-size: 36rpx;
 }
 
 .page-header {
@@ -25,9 +37,10 @@
 }
 
 .page-container {
-  padding: 120rpx 0 20rpx 0;
+  padding-top: 120rpx;
+  padding-bottom: constant(safe-area-inset-bottom);
   width: 100%;
-  height: 90%;
+  height: 100%;
 }
 
 .side-bar-wrapper {
@@ -37,7 +50,6 @@
 }
 
 .side-bar-content {
-  width: 100%;
   padding: 0 20rpx;
 }
 
@@ -65,8 +77,9 @@
 .myScroll {
   /* 鐩掑瓙鐨勬牱寮� */
   width: 100%;
-  height: 98rpx;
+  height: 108rpx;
   white-space: nowrap;
+  overflow-x: auto;
 }
 
 .myScroll .row {
@@ -83,7 +96,7 @@
 
 .myScroll .row:last-child {
   /* 閫夋嫨鏈�鍚庝竴涓瓙浠� 娓呴浂杈硅窛 */
-  margin-right: 0;
+  margin-right: 240rpx;
 }
 
 .class-list {
@@ -95,8 +108,9 @@
 .class-box {
   background-color: #fff;
   margin-bottom: 20rpx;
-  padding: 10rpx 12rpx;
+  padding: 10rpx 0rpx;
   border-radius: 12rpx;
+  box-shadow: 0rpx 0rpx 18rpx 2rpx rgba(0, 0, 0, 0.08);
 }
 
 
@@ -109,8 +123,7 @@
 .class-content {
   display: flex;
   flex-wrap: wrap;
-  /* padding: 5rpx 20rpx 30rpx 30rpx; */
-  padding: 30rpx;
+  padding: 30rpx 0;
 }
 
 .book-box {
@@ -126,7 +139,7 @@
 }
 
 .book-box image {
-  height: 142rpx;
+  height: 180rpx;
 }
 
 .classify {
@@ -141,6 +154,7 @@
 
 .assort-img {
   display: flex;
+  align-items: center;
   width: 152rpx;
   height: 186rpx;
   box-shadow: 0px 3px 6px 1px rgba(0, 0, 0, 0.16);
@@ -148,7 +162,7 @@
 }
 
 .page-right {
-  width: 100%;
+  width: calc(100vw - 206rpx);
 }
 
 .loading-box {
@@ -162,4 +176,14 @@
 
 .bottom-box {
   height: 40rpx;
+}
+
+
+.bottom-box {
+  display: flex;
+  justify-content: center;
+  color: #999;
+  height: 80rpx;
+  font-size: 28rpx;
+  --td-loading-color: #ff6c00
 }
\ No newline at end of file

--
Gitblit v1.9.1