From 1e0ffc1deed2044f96bab70e10d5c5544f6a23bf Mon Sep 17 00:00:00 2001
From: yiming <m13691596795@163.com>
Date: 星期五, 22 三月 2024 15:37:46 +0800
Subject: [PATCH] 音频修改

---
 pages/home/home.wxss |   99 ++++++++++++++++++++++++++++++++++++++++++-------
 1 files changed, 85 insertions(+), 14 deletions(-)

diff --git a/pages/home/home.wxss b/pages/home/home.wxss
index fa02cf0..67cd4ed 100644
--- a/pages/home/home.wxss
+++ b/pages/home/home.wxss
@@ -3,12 +3,19 @@
   padding-bottom: calc(env(safe-area-inset-bottom) + 96rpx);
 }
 
+.container {
+  width: 100vw;
+  position: relative;
+  max-height: calc(100vh - env(safe-area-inset-bottom));
+}
+
 .background {
   width: 100%;
   position: fixed;
   top: 0;
   left: 0;
   height: 80rpx;
+  line-height: 80rpx;
   z-index: 3;
   text-align: center;
   padding-top: 110rpx;
@@ -80,6 +87,7 @@
   margin-top: 20rpx;
   display: block;
   padding: 0 24rpx;
+  padding-bottom: calc(env(safe-area-inset-bottom) + 96rpx);
 }
 
 .tabCardPublic {
@@ -144,11 +152,11 @@
 }
 
 .body-info .name {
-  font-size: 32rpx;
-  height: 88rpx;
+  font-size: 30rpx;
+  height: 80rpx;
   color: #333333;
   font-weight: bold;
-  line-height: 44rpx;
+  line-height: 40rpx;
   display: -webkit-box;
   margin-bottom: 10rpx;
   -webkit-box-orient: vertical;
@@ -166,6 +174,17 @@
   font-size: 26rpx;
   display: flex;
   justify-content: space-between;
+  display: -webkit-box;
+  /* 浣跨敤寮规�х洅瀛愬竷灞�妯″瀷 */
+  -webkit-line-clamp: 1;
+  /* 鎺у埗鏂囨湰鐨勮鏁� */
+  -webkit-box-orient: vertical;
+  /* 璁剧疆鐩掑瓙鐨勫瓙鍏冪礌鎺掑垪鏂瑰悜 */
+  overflow: hidden;
+  /* 瓒呭嚭閮ㄥ垎闅愯棌 */
+  text-overflow: ellipsis;
+  /* 瓒呭嚭閮ㄥ垎鏄剧ず鐪佺暐鍙� */
+  white-space: normal;
 }
 
 .body-info .price {
@@ -197,17 +216,22 @@
 
 .listBox1,
 .listBox2 {
-  padding: 50rpx 0;
+  padding: 30rpx 0;
 }
 
 .listBox1 .listItemBox {
-  height: 220rpx;
+  height: 210rpx;
   margin-bottom: 30rpx;
 }
 
 .listBox1 .specialSubject-img {
-  width: 400rpx;
-  height: 218rpx;
+  width: 480rpx;
+  height: 210rpx;
+  flex: 1;
+}
+
+.listBox1 .body-info {
+  flex: 1;
 }
 
 .listBox1 .addCartImg,
@@ -217,7 +241,7 @@
 }
 
 .listBox1 .priceBox {
-  margin-top: 14rpx;
+  margin-top: 10rpx;
 }
 
 .listBox2 {
@@ -229,7 +253,7 @@
 }
 
 .listBox2 .booksListItemBox {
-  width: calc(100%/3 - 30rpx);
+  width: calc(100%/3 - 32rpx);
   margin-bottom: 30rpx;
   margin-right: 45rpx;
 }
@@ -240,7 +264,7 @@
 }
 
 .listBox2 .specialSubject-img {
-  height: 300rpx;
+  height: 280rpx;
   width: 100%;
   box-shadow: 0px 0px 20rpx 2px #f1f1f1;
 }
@@ -250,9 +274,8 @@
 }
 
 .listBox2 .author {
-  height: 30rpx;
+  height: 28rpx;
   color: #333333;
-  font-weight: bold;
   line-height: 30rpx;
   display: -webkit-box;
   margin-bottom: 10rpx;
@@ -267,13 +290,17 @@
   box-sizing: border-box;
 }
 
+.listBox3 {
+  padding: 10rpx 0;
+}
+
 .listBox3 .textbooksItemBox {
   margin-bottom: 30rpx;
 }
 
 .listBox3 .textbooksItemBox .specialSubject-img {
   width: 190rpx;
-  height: 260rpx;
+  height: 250rpx;
   box-shadow: 0px 0px 20rpx 2px #f1f1f1;
 }
 
@@ -282,7 +309,7 @@
 }
 
 .listBox3 .name {
-  font-size: 32rpx;
+  font-size: 30rpx;
   height: 44rpx;
   color: #333333;
   font-weight: bold;
@@ -313,4 +340,48 @@
 
 .readList {
   overflow: auto;
+}
+
+.rankingList .listItem {
+  padding: 20rpx 0;
+}
+
+.srcolbox {
+  width: 100%;
+  height: 420rpx;
+  white-space: nowrap;
+}
+
+.srcolbox .booksListItemBox {
+  display: inline-block;
+  width: 188rpx;
+  margin-right: 30rpx;
+}
+
+.rankingList .specialSubject-img {
+  height: 254rpx;
+  width: 100%;
+  box-shadow: 0px 0px 20rpx 2px #f1f1f1;
+}
+
+.rankingList .body-info {
+  padding: 20rpx 0;
+}
+
+.rankingList .name {
+  height: 80rpx;
+  width: 188rpx;
+  color: #333333;
+  line-height: 40rpx;
+  display: -webkit-box;
+  /* 浣跨敤寮规�х洅瀛愬竷灞�妯″瀷 */
+  -webkit-line-clamp: 2;
+  /* 鎺у埗鏂囨湰鐨勮鏁� */
+  -webkit-box-orient: vertical;
+  /* 璁剧疆鐩掑瓙鐨勫瓙鍏冪礌鎺掑垪鏂瑰悜 */
+  overflow: hidden;
+  /* 瓒呭嚭閮ㄥ垎闅愯棌 */
+  text-overflow: ellipsis;
+  /* 瓒呭嚭閮ㄥ垎鏄剧ず鐪佺暐鍙� */
+  white-space: normal;
 }
\ No newline at end of file

--
Gitblit v1.9.1