From d00d7f8ba2dfed17984aa5d41c7694c24d9d198a Mon Sep 17 00:00:00 2001 From: 闫增涛 <1829501689@qq.com> Date: 星期三, 22 一月 2025 17:23:34 +0800 Subject: [PATCH] 春节公告 --- pages/home/home.wxss | 108 ++++++++++++++++++++++++++++++++++++++++++++++++++---- 1 files changed, 100 insertions(+), 8 deletions(-) diff --git a/pages/home/home.wxss b/pages/home/home.wxss index eff074d..bca88a7 100644 --- a/pages/home/home.wxss +++ b/pages/home/home.wxss @@ -1,15 +1,16 @@ +@import "./home.skeleton.wxss"; + .background { width: 100%; position: fixed; top: 0; left: 0; height: 80rpx; - line-height: 80rpx; + line-height: 88rpx; z-index: 3; text-align: center; - padding-top: 110rpx; color: #fff; - font-size: 36rpx; + font-size: 34rpx; } .white { @@ -32,7 +33,7 @@ padding-top: 180rpx; } -.home-page-header .bg { +.bg { height: 680rpx; position: absolute; top: 0; @@ -40,14 +41,28 @@ z-index: -1; } -.home-page-header .bg .image { +.bg .image { height: 100%; +} + +.home-page-header .search { + display: flex; + align-items: center; } .home-page-header .search .t-search__input-container { height: 96rpx; background: #fff !important; font-size: 28rpx !important; + flex: 1; + width: 85vw; + margin-left: 20rpx; +} + +.home-page-header .search .icon { + width: 40rpx; + height: 40rpx; + } .home-page-header .t-search__input { @@ -58,7 +73,45 @@ .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%; +} + +.swiper-item { + width: 100%; + height: 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; @@ -149,7 +202,7 @@ justify-content: space-between; } -.listBox .listItemBox { +.listBox .listItemBox { width: 49%; margin-bottom: 30rpx; } @@ -228,9 +281,9 @@ color: #ff6d00; font-size: 30rpx; background-repeat: no-repeat; - background-size: 40% 64%; + background-size: 40%; background-position: right; - background-image: url(http://jsysf.bnuic.com/website/image/click-icon.png); + background-image: url(https://jsek.bnuic.com/home/image/click-icon.png); } .t-tabs .t-tabs__track { @@ -262,6 +315,7 @@ width: 336rpx; height: 205rpx; flex: 1; + margin: 0 auto; } .listBox1 .body-info { @@ -321,6 +375,10 @@ .classHours { font-size: 26rpx; +} + +.listBox .empyt { + margin: 0 auto; } .listBox2 .empyt { @@ -430,4 +488,38 @@ .t-loading__circular { color: #ff6d00 !important; +} + +.block { + position: relative; + width: 60vw; + height: auto; + padding: 20rpx; + background: var(--td-bg-color-container); + border-radius: 16rpx; +} + +.close-btn { + position: absolute; + left: 50%; + transform: translateX(-80%); + bottom: calc(-1 * (48rpx + 64rpx)); +} + +.block view { + text-indent: 2em; + font-size: 28rpx; + line-height: 42rpx; +} + +.al-right { + text-align: right; +} + +.ti-0 { + text-indent: 0em !important; +} + +.mt-20 { + margin-top: 20rpx; } \ No newline at end of file -- Gitblit v1.9.1