From 1fd211c2528c8ba7fff173c60b31acbc5807c809 Mon Sep 17 00:00:00 2001 From: litian <C21AF165> Date: 星期一, 25 三月 2024 18:17:37 +0800 Subject: [PATCH] 图标,首页 --- pages/home/home.wxss | 100 +++++++++++++++++++++++++++++++++++-------------- 1 files changed, 71 insertions(+), 29 deletions(-) diff --git a/pages/home/home.wxss b/pages/home/home.wxss index 67cd4ed..6dcae7a 100644 --- a/pages/home/home.wxss +++ b/pages/home/home.wxss @@ -1,14 +1,3 @@ -page { - box-sizing: border-box; - 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; @@ -75,6 +64,27 @@ margin: 0; } +.t-grid-item__image { + width: 60rpx !important; + height: 56rpx !important; + position: relative; + +} + +.t-grid-item__image:not(:empty).t-grid-item__image--small .t-image { + width: auto !important; + height: auto !important; + max-width: 100% !important; + max-height: 100% !important; + position: absolute !important; + top: 0 !important; + left: 0 !important; + right: 0 !important; + bottom: 0 !important; + margin: auto !important; +} + + .flex { display: flex; } @@ -87,7 +97,7 @@ margin-top: 20rpx; display: block; padding: 0 24rpx; - padding-bottom: calc(env(safe-area-inset-bottom) + 96rpx); + padding-bottom: 10vh; } .tabCardPublic { @@ -101,13 +111,30 @@ } .tabCardPublic .icon { - width: 156rpx; + width: 192rpx; height: 48rpx; + position: relative; } -.tabCardPublic .icon .t-image { - width: 100%; - height: 100% +.iconOne .icon { + width: 156rpx; +} + +.iconTwo .icon { + width: 164rpx; +} + +.tabCardPublic .icon .iconImage { + width: auto; + height: auto; + max-width: 100%; + max-height: 100%; + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + margin: auto; } .tabCardPublic .more { @@ -147,7 +174,7 @@ } .body-info { - padding: 20rpx; + padding: 16rpx; font-size: 28rpx; } @@ -192,14 +219,17 @@ color: #ff6d00; } +.t-tabs .t-tabs__item { + padding: 0 24rpx !important; +} + .t-tabs .t-tabs__item--active { color: #ff6d00; font-size: 30rpx; - /* background-image: url('/static/images/home/click-icon@2x.png'); */ background-repeat: no-repeat; - background-size: cover; - /* 纭繚鑳屾櫙鍥惧儚涓嶄細琚媺浼� */ - /* background-position: right; */ + background-size: 34% 64%; + background-position: right; + background-image: url(http://182.92.203.7:3007/jsek/website/image/click-icon.png); } .t-tabs .t-tabs__track { @@ -214,19 +244,22 @@ border: none !important; } +.t-tabs__item--evenly { + flex: 1 0 auto !important; +} + .listBox1, .listBox2 { padding: 30rpx 0; } .listBox1 .listItemBox { - height: 210rpx; margin-bottom: 30rpx; } .listBox1 .specialSubject-img { - width: 480rpx; - height: 210rpx; + width: 336rpx; + height: 205rpx; flex: 1; } @@ -236,8 +269,8 @@ .listBox1 .addCartImg, .listBox3 .addCartImg { - width: 30rpx; - height: 30rpx; + width: 32rpx; + height: 32rpx; } .listBox1 .priceBox { @@ -285,6 +318,10 @@ text-overflow: ellipsis; } +.classHours { + font-size: 26rpx; +} + .listBox2 .empyt { padding: 20rpx; box-sizing: border-box; @@ -313,7 +350,7 @@ height: 44rpx; color: #333333; font-weight: bold; - line-height: 44rpx; + line-height: 40rpx; display: -webkit-box; margin-bottom: 10rpx; -webkit-box-orient: vertical; @@ -323,10 +360,11 @@ } .listBox3 .introduction { + height: 70rpx; color: #B4B6BD; line-height: 36rpx; display: -webkit-box; - margin-bottom: 10rpx; + margin-bottom: 14rpx; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; @@ -335,7 +373,7 @@ .listBox3 .author { line-height: 40rpx; - margin-bottom: 30rpx; + margin-bottom: 20rpx; } .readList { @@ -384,4 +422,8 @@ text-overflow: ellipsis; /* 瓒呭嚭閮ㄥ垎鏄剧ず鐪佺暐鍙� */ white-space: normal; +} + +.t-loading__circular { + color: #ff6d00 !important; } \ No newline at end of file -- Gitblit v1.9.1