From b125d3ea74d61fb8e4d7238c83906aeea52c6b4c Mon Sep 17 00:00:00 2001 From: litian <C21AF165> Date: 星期二, 12 三月 2024 14:39:55 +0800 Subject: [PATCH] 更新代码 --- pages/home/home.wxss | 135 +++++++++++++++++++++++++++++++++++++++++--- 1 files changed, 124 insertions(+), 11 deletions(-) diff --git a/pages/home/home.wxss b/pages/home/home.wxss index bdacc2e..42ca54c 100644 --- a/pages/home/home.wxss +++ b/pages/home/home.wxss @@ -3,6 +3,71 @@ padding-bottom: calc(env(safe-area-inset-bottom) + 96rpx); } +.background { + width: 100%; + position: fixed; + top: 0; + left: 0; + height: 80rpx; + z-index: 3; + text-align: center; + padding-top: 110rpx; + color: #fff; + font-size: 36rpx; +} + +.white { + background: #fff; + color: #333; +} + +.background .text { + height: 100%; +} + +.home-page-header, +.home-page-menu, +.home-page-container { + position: relative; + padding: 0 24rpx; +} + +.home-page-header { + padding-top: 230rpx; +} + +.home-page-header .bg { + height: 680rpx; + position: absolute; + top: 0; + left: 0; + z-index: -1; +} + +.home-page-header .bg .image { + height: 100%; +} + +.home-page-header .search .t-search__input-container { + height: 96rpx; + background: #fff !important; + font-size: 28rpx !important; +} + +.home-page-header .t-search__input { + font-size: 28rpx !important; + color: rgb(116, 116, 116) !important; +} + +.home-page-header .swiper-wrap { + margin-top: 30rpx; + margin-bottom: 10rpx; +} + +.home-page-menu .t-grid--card { + margin: 0; +} + .flex { display: flex; } @@ -79,11 +144,11 @@ } .body-info .name { - font-size: 32rpx; + font-size: 30rpx; height: 88rpx; color: #333333; font-weight: bold; - line-height: 44rpx; + line-height: 40rpx; display: -webkit-box; margin-bottom: 10rpx; -webkit-box-orient: vertical; @@ -132,17 +197,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, @@ -152,7 +222,7 @@ } .listBox1 .priceBox { - margin-top: 14rpx; + margin-top: 10rpx; } .listBox2 { @@ -175,7 +245,7 @@ } .listBox2 .specialSubject-img { - height: 300rpx; + height: 280rpx; width: 100%; box-shadow: 0px 0px 20rpx 2px #f1f1f1; } @@ -185,7 +255,7 @@ } .listBox2 .author { - height: 30rpx; + height: 28rpx; color: #333333; font-weight: bold; line-height: 30rpx; @@ -202,13 +272,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; } @@ -217,7 +291,7 @@ } .listBox3 .name { - font-size: 32rpx; + font-size: 30rpx; height: 44rpx; color: #333333; font-weight: bold; @@ -248,4 +322,43 @@ .readList { overflow: auto; +} + +.rankingList .listItem { + padding: 20rpx 0; +} + +.srcolbox { + width: 100%; + height: 480rpx; + 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 .author { + height: 30rpx; + color: #333333; + font-weight: bold; + line-height: 30rpx; + display: -webkit-box; + margin-bottom: 10rpx; + -webkit-box-orient: vertical; + -webkit-line-clamp: 1; + overflow: hidden; + text-overflow: ellipsis; } \ No newline at end of file -- Gitblit v1.9.1