From 74139f2bc6bdc8147dd570ac1d774245f67e4f9f Mon Sep 17 00:00:00 2001 From: litian <C21AF165> Date: 星期一, 01 四月 2024 14:05:45 +0800 Subject: [PATCH] 样式修改 --- pages/home/home.wxss | 55 ++++++++++++++++++++++++++++++++++++++++++++++--------- 1 files changed, 46 insertions(+), 9 deletions(-) diff --git a/pages/home/home.wxss b/pages/home/home.wxss index 6dcae7a..fba2bb6 100644 --- a/pages/home/home.wxss +++ b/pages/home/home.wxss @@ -29,7 +29,7 @@ } .home-page-header { - padding-top: 230rpx; + padding-top: 180rpx; } .home-page-header .bg { @@ -58,7 +58,40 @@ .home-page-header .swiper-wrap { margin-top: 30rpx; margin-bottom: 10rpx; + height: 380rpx; + width: 100%; + border-radius: 18rpx; + overflow: hidden; + display: flex; + align-items: center; + justify-content: center; + background: #f6f6f6; } + +.swiper { + height: 380rpx; + width: 100%; +} + +.swiperItem { + position: relative; + height: 380rpx; + width: 100%; +} + +.swiper .img { + max-width: 100% !important; + /* max-height: 100% !important; */ + width: auto !important; + /* height: auto !important; */ + position: absolute !important; + top: 0 !important; + left: 0 !important; + right: 0 !important; + bottom: 0 !important; + margin: auto !important; +} + .home-page-menu .t-grid--card { margin: 0; @@ -97,7 +130,7 @@ margin-top: 20rpx; display: block; padding: 0 24rpx; - padding-bottom: 10vh; + margin-bottom: 11vh; } .tabCardPublic { @@ -212,6 +245,7 @@ text-overflow: ellipsis; /* 瓒呭嚭閮ㄥ垎鏄剧ず鐪佺暐鍙� */ white-space: normal; + flex: 1; } .body-info .price { @@ -227,9 +261,9 @@ color: #ff6d00; font-size: 30rpx; background-repeat: no-repeat; - background-size: 34% 64%; + background-size: 40% 64%; background-position: right; - background-image: url(http://182.92.203.7:3007/jsek/website/image/click-icon.png); + background-image: url(http://jsysf.bnuic.com/website/image/click-icon.png); } .t-tabs .t-tabs__track { @@ -343,6 +377,7 @@ .listBox3 .body-info { width: calc(100% - 190rpx); + padding: 10rpx; } .listBox3 .name { @@ -352,7 +387,7 @@ font-weight: bold; line-height: 40rpx; display: -webkit-box; - margin-bottom: 10rpx; + margin-bottom: 12rpx; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; @@ -364,7 +399,6 @@ color: #B4B6BD; line-height: 36rpx; display: -webkit-box; - margin-bottom: 14rpx; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; @@ -373,7 +407,7 @@ .listBox3 .author { line-height: 40rpx; - margin-bottom: 20rpx; + margin: 16rpx 0; } .readList { @@ -386,12 +420,15 @@ .srcolbox { width: 100%; - height: 420rpx; + height: 400rpx; white-space: nowrap; } +.booksListBox { + display: flex; +} + .srcolbox .booksListItemBox { - display: inline-block; width: 188rpx; margin-right: 30rpx; } -- Gitblit v1.9.1