From f0229b7c6801f6429dec75e208192b61053b8c7d Mon Sep 17 00:00:00 2001 From: yiming <m13691596795@163.com> Date: 星期三, 03 四月 2024 09:46:02 +0800 Subject: [PATCH] 书目 --- pages/cart/index.wxss | 81 +++++++++++++++++++++++++++++----------- 1 files changed, 59 insertions(+), 22 deletions(-) diff --git a/pages/cart/index.wxss b/pages/cart/index.wxss index d83487e..6c554dc 100644 --- a/pages/cart/index.wxss +++ b/pages/cart/index.wxss @@ -25,26 +25,32 @@ } .outsideContentBox { - padding: 30rpx; + /* padding: 30rpx; */ background: #F2F3F8; border-radius: 18rpx 18rpx 18rpx 18rpx; - padding-bottom: 230rpx; - /* height: 260rpx; */ + padding-bottom: 325rpx; + height: calc(100vh - 300rpx); + /* width: calc(100vw - 60rpx); */ + } .bottomBox { - background-color: #0052d9; - position: fixed; - bottom: 0; + /* position: fixed; left: 0; right: 0; - - padding-bottom: 53px; - height: 112rpx; + bottom: calc(env(safe-area-inset-bottom) + 88rpx); */ + height: 120rpx; background: #FFFFFF; box-shadow: 0rpx -2rpx 0rpx 2rpx rgba(0, 0, 0, 0.08); display: flex; align-items: center; + position: fixed; + bottom: calc(env(safe-area-inset-bottom) + 100rpx); + left: 0; + right: 0; + /* height: 44px; */ + /* padding-bottom: 90px; */ + /* padding-top: 10rpx; */ } .checkGroupBox { @@ -121,6 +127,7 @@ margin: 30rpx 0; border-radius: 18rpx 18rpx 18rpx 18rpx; height: 260rpx; + } .totalPriceText { @@ -146,7 +153,8 @@ .contentCheckbox { - width: 100rpx; + /* width: 100rpx; */ + margin-right: 30rpx; } .left-icon { @@ -158,8 +166,9 @@ .left-image { width: 152rpx; height: 212rpx; - background: #FFFFFF; + /* background: #FFFFFF; */ border-radius: 0rpx 0rpx 0rpx 0rpx; + box-shadow: 0px 3px 6px 1px rgba(0, 0, 0, 0.16); } .imageStyle { @@ -194,9 +203,7 @@ .titleBox { display: flex; flex-direction: row; - margin: 15rpx; - } .descriptionBox { @@ -214,12 +221,16 @@ } .eBook { - width: 90%; - height: 100%; + width: 85rpx; + height: 38rpx; background: #FF6C00; text-align: center; line-height: 38rpx; border-radius: 9rpx; + color: #fff; + padding: 5rpx; + font-size: 22rpx; + } .cloudLearning { @@ -229,21 +240,33 @@ text-align: center; line-height: 38rpx; border-radius: 9rpx; + color: #fff; + padding: 5rpx; + font-size: 22rpx; + } .boosName { - width: 100%; + font-family: PingFang SC, PingFang SC; + font-weight: bold; + font-size: 29rpx; + margin: 0 10rpx; + display: -webkit-box; + -webkit-line-clamp: 2; + -webkit-box-orient: vertical; + overflow: hidden; + + +} + +/* overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; - -webkit-line-clamp: 2; - font-family: PingFang SC, PingFang SC; - font-weight: bold; - font-size: 29rpx; - color: #333333; -} + -webkit-line-clamp: 2; */ +/* display: inline; */ .textBox { font-family: PingFang SC, PingFang SC; font-weight: 400; @@ -251,4 +274,18 @@ color: #333333; /* margin: 10rpx 0; */ margin-bottom: 20rpx; +} + + +.bottom-box { + display: flex; + justify-content: center; + color: #999; + height: 80rpx; + font-size: 28rpx; + --td-loading-color: #ff6c00 +} + +.t-checkbox__content { + height: 0rpx !important; } \ No newline at end of file -- Gitblit v1.9.1