From 59a724f57b2771bd2e084f406925c5295ffc2f48 Mon Sep 17 00:00:00 2001 From: litian <C21AF165> Date: 星期五, 12 四月 2024 15:48:09 +0800 Subject: [PATCH] css --- packageBookService/pages/bookServices/detail/index.wxss | 48 ++++++++++++++++++++++++++++++++++++++++++------ 1 files changed, 42 insertions(+), 6 deletions(-) diff --git a/packageBookService/pages/bookServices/detail/index.wxss b/packageBookService/pages/bookServices/detail/index.wxss index d76a433..81826ff 100644 --- a/packageBookService/pages/bookServices/detail/index.wxss +++ b/packageBookService/pages/bookServices/detail/index.wxss @@ -1,4 +1,5 @@ /* pages/bookServices/detail/index.wxss */ +@import "./index.skeleton.wxss"; .page-bookService { width: 100vw; @@ -27,8 +28,15 @@ 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; } @@ -65,9 +73,6 @@ font-size: 36rpx; color: #000000; margin-bottom: 30rpx; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; } .showTow { @@ -241,8 +246,9 @@ .bottom-btn { background-color: #fff; - width: 25%; + /* width: 25%; */ display: flex; + flex: 2; align-items: center; justify-content: center; flex-direction: column; @@ -250,7 +256,11 @@ } .tryRead { - width: 120rpx; + flex: 1 !important; +} + +.try { + flex: 2 !important; } .btn-text { @@ -275,6 +285,7 @@ align-items: center; justify-content: center; color: #fff; + flex: 2; } .read { @@ -292,6 +303,11 @@ .buyColor { background-color: #F14B3B; +} + +.receiveColor { + background-color: #F14B3B; + width: 50% !important; } .disabledColor { @@ -325,6 +341,18 @@ .noData { height: 100%; +} + +.movable-area { + width: 100%; + height: 100%; +} + +.movable-view { + width: 184rpx; + height: 184rpx; + top: 400rpx; + left: 520rpx; } .applyBox { @@ -389,4 +417,12 @@ .suggest-component .t-input__placeholder { font-size: 28rpx !important; +} + +.t-tabs__item-inner { + font-size: 24rpx; +} + +.t-tabs__item-inner .t-icon { + margin-bottom: 6rpx; } \ No newline at end of file -- Gitblit v1.9.1