From ccda9ec2fe70d8f51ef184eafc04b78d22dfbabd Mon Sep 17 00:00:00 2001 From: litian <C21AF165> Date: 星期三, 26 六月 2024 15:02:28 +0800 Subject: [PATCH] 小程序,教材,课程 --- packageBookService/pages/bookServices/detail/index.wxss | 86 ++++++++++++++++++++++++++++++++---------- 1 files changed, 65 insertions(+), 21 deletions(-) diff --git a/packageBookService/pages/bookServices/detail/index.wxss b/packageBookService/pages/bookServices/detail/index.wxss index a5ee97e..41d633d 100644 --- a/packageBookService/pages/bookServices/detail/index.wxss +++ b/packageBookService/pages/bookServices/detail/index.wxss @@ -1,5 +1,6 @@ /* pages/bookServices/detail/index.wxss */ @import "./index.skeleton.wxss"; + .page-bookService { width: 100vw; height: 100%; @@ -13,24 +14,40 @@ } .navbar-title { + /* widows: 100vw; */ + display: flex; + justify-content: center; + + color: #0F1214; + font-size: 36rpx; + z-index: -99; +} + +.navbar-title text { + max-width: 8em; + display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; - color: #0F1214; - font-size: 40rpx; - font-weight: bold; } .book { position: relative; - height: calc(100vh - env(safe-area-inset-bottom) - 141px); + height: calc(100vh - env(safe-area-inset-bottom) - 60px); + /* height: calc(100vh - env(safe-area-inset-bottom) - 141px); */ background-color: #F2F3F8; } -.book-img image { +.book-img { width: 240rpx; height: 340rpx; + display: flex; + align-items: center; box-shadow: 0px 3px 6px 1px rgba(0, 0, 0, 0.16); +} + +.book-img image { + height: 340rpx; } .book-detail { @@ -145,7 +162,7 @@ display: flex; align-items: center; width: 100%; - height: 150rpx; + height: 120rpx; border-radius: 0 0 20rpx 20rpx; } @@ -171,12 +188,12 @@ .price { margin-left: 12rpx; - font-size: 34rpx; + font-size: 32rpx; color: #fff; } .price-text { - font-size: 34rpx; + font-size: 32rpx; } .price-old { @@ -206,12 +223,11 @@ /* 鍥句功璧勬簮 */ .book-resource { - /* min-height: 640rpx; */ - min-height: calc(100vh - 900rpx); + min-height: calc(100% - 637rpx); margin-top: 20rpx; background-color: #fff !important; + --td-tab-item-height: 140rpx; } - .custom-tabs { --td-tab-item-active-color: #FF6C00; @@ -344,8 +360,9 @@ .movable-view { width: 184rpx; height: 184rpx; - top: 400rpx; + top: 860rpx; left: 520rpx; + z-index: 99; } .applyBox { @@ -393,12 +410,15 @@ } .t-tabs .t-tabs__item--active { - /* color: #ff6d00; - font-size: 30rpx; */ background-repeat: no-repeat; - background-size: 40% 64%; - background-position: right; - background-image: url(http://jsysf.bnuic.com/website/image/click-icon.png); + background-size: 35%; + background-position: 50% 40%; + background-image: url(https://jsek.bnuic.com/home/image/click-icon.png); + +} + +.t-tabs__item--evenly { + flex: 1 0 auto !important; } .loading { @@ -412,10 +432,34 @@ font-size: 28rpx !important; } -.t-tabs__item-inner { - font-size: 24rpx; +.suggest-dialog .t-input__placeholder { + font-size: 28rpx !important; } + .t-tabs__item-inner .t-icon { - margin-bottom: 6rpx; -} \ No newline at end of file + margin-bottom: 20rpx; +} + +.t-tabs__item-inner .t-icon__image { + width: 36rpx !important; + height: 44rpx !important; +} + +.t-tabs__nav .t-tabs__item:nth-child(3) .t-tabs__item-inner .t-icon__image { + width: 44rpx !important; + height: 40rpx !important; +} + +.t-tabs__nav .t-tabs__item { + width: 160rpx !important; + padding: 0 !important; +} + +.t-tabs__scroll { + overflow-x: auto; +} + +/* .t-collapse-panel__content { + padding: 0rpx !important; +} */ \ No newline at end of file -- Gitblit v1.9.1