From 4bc1c36faeec2f90e5acfa836732e49fe0b245e9 Mon Sep 17 00:00:00 2001 From: yiming <m13691596795@163.com> Date: 星期五, 12 四月 2024 20:47:03 +0800 Subject: [PATCH] 云学习11 --- packageDomain/pages/sampleBookList/index.wxss | 32 +++++++++++++++++++++++++------- 1 files changed, 25 insertions(+), 7 deletions(-) diff --git a/packageDomain/pages/sampleBookList/index.wxss b/packageDomain/pages/sampleBookList/index.wxss index ff97538..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; @@ -49,10 +51,11 @@ .header-scroll { 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