From cb6bb8bda31df75afe5a5bd50fe8e3ff6a3d34e2 Mon Sep 17 00:00:00 2001 From: 闫增涛 <1829501689@qq.com> Date: 星期一, 15 四月 2024 09:31:39 +0800 Subject: [PATCH] 详情页bug修改,资源购买页添加骨架屏 --- packageDomain/pages/sampleBookList/index.wxss | 34 ++++++++++++++++++++++++++-------- 1 files changed, 26 insertions(+), 8 deletions(-) diff --git a/packageDomain/pages/sampleBookList/index.wxss b/packageDomain/pages/sampleBookList/index.wxss index b385e63..9da69cb 100644 --- a/packageDomain/pages/sampleBookList/index.wxss +++ b/packageDomain/pages/sampleBookList/index.wxss @@ -1,3 +1,5 @@ +@import "./index.skeleton.wxss"; + .container { width: 100vw; height: 100vh; @@ -48,11 +50,12 @@ } .header-scroll { - width: 80vw; + width: 100vw; + overflow-x: auto; } .srcolbox { - width: 100%; + width: 900rpx; white-space: nowrap; } @@ -195,7 +198,7 @@ .book-box { box-sizing: border-box; - width: calc(100%/2 - 10rpx); + width: calc(100%/2 - 12rpx); margin-right: 20rpx; display: flex; flex-direction: column; @@ -214,9 +217,15 @@ color: #333; } -.book-img image { - object-fit: contain; +.book-img { + width: 210rpx; + height: 290rpx; box-shadow: 0px 0px 20rpx 2px rgba(0, 0, 0, 0.08); +} + +.book-img image { + width: 100%; + height: 100%; } .book-name { @@ -279,14 +288,22 @@ margin-left: 10rpx; } +.movable-area { + width: 100%; + height: 100%; +} +.movable-view { + width: 184rpx; + height: 184rpx; + top: 800rpx; + left: 520rpx; +} .applyBox { width: 184rpx; height: 184rpx; - position: fixed; - bottom: 20%; - right: 0; + } .applyBox .box { @@ -299,6 +316,7 @@ .applyBox .box .t-image { width: 100%; height: 100%; + } .num { -- Gitblit v1.9.1