From e2b9cf5cb19ba0ae4bffd787d96f0d0cb8fb63bf Mon Sep 17 00:00:00 2001 From: litian <C21AF165> Date: 星期二, 09 七月 2024 15:52:58 +0800 Subject: [PATCH] css --- pages/cart/paymentPage/index.wxss | 152 ++++++++++++++++++++++++++++++++++++++++++++++---- 1 files changed, 139 insertions(+), 13 deletions(-) diff --git a/pages/cart/paymentPage/index.wxss b/pages/cart/paymentPage/index.wxss index 5a5f81e..10b5428 100644 --- a/pages/cart/paymentPage/index.wxss +++ b/pages/cart/paymentPage/index.wxss @@ -1,9 +1,11 @@ /* pages/cart/paymentPage/index.wxss */ +@import "./index.skeleton.wxss"; + .nacigationBar { background-color: #fff; display: flex; align-items: center; - + padding-left: 10rpx; } .navbar-title { @@ -18,10 +20,10 @@ .content { width: 100%; - height: 1250rpx; background-color: #F2F3F8; padding: 40rpx 0; - padding-top: 1rpx; + /* padding-top: 1rpx; */ + /* margin-top: 110rpx; */ } .shoppingCartList { @@ -29,20 +31,25 @@ background: #FFFFFF; border-radius: 20px; margin: 30rpx 0; + /* padding: 30rpx 0; */ } -image { +.imageBox { width: 150rpx; height: 210rpx; margin: 30rpx; } -.cartListContent { - /* margin: 0 auto; */ +image { + width: 150rpx; + height: 210rpx; } + + .cartList { display: flex; + width: 750rpx; } .cartListContent { @@ -50,11 +57,22 @@ } .cartListDetails { + /* margin-bottom: 50rpx; + font-family: PingFang SC, PingFang SC; + font-weight: bold; + font-size: 29rpx; + color: #333333; + display: flex; + flex-direction: row; + padding: 0 10rpx; */ + /* margin-right: 500rpx; */ margin-bottom: 50rpx; font-family: PingFang SC, PingFang SC; font-weight: bold; font-size: 29rpx; color: #333333; + display: flex; + flex-direction: row; } .textBox { @@ -70,29 +88,29 @@ font-weight: 500; font-size: 31rpx; color: #0F1214; - + font-family: DIN, DIN; + margin-bottom: 20rpx; } .priceBreakdown { - height: 280rpx; + height: 250rpx; background: #fff; padding: 30rpx; - + margin-bottom: 120rpx; } .priceBreakdownContent { font-weight: bold; - font-size: 32rpx; + font-size: 29rpx; color: #0F1214; margin-bottom: 50rpx; + font-family: PingFang SC, PingFang SC; + } .amountMoney { display: flex; justify-content: space-between; - font-weight: 500; - font-size: 33rpx; - color: #0F1214; border-bottom: 2rpx solid #EDEDED; padding-bottom: 38rpx; } @@ -101,6 +119,17 @@ display: flex; justify-content: flex-end; margin: 30rpx 0; + font-family: DIN, DIN; + font-weight: 500; + font-size: 33rpx; + color: #0F1214; +} + +.amount text { + font-family: PingFang SC, PingFang SC; + font-weight: 400; + font-size: 25rpx; + color: #949494 } @@ -117,9 +146,17 @@ justify-content: space-between; padding: 30rpx; align-items: center; + background-color: #fff; + width: 100%; + position: fixed; + bottom: 0; } .residue { + color: #949494; + font-family: PingFang SC, PingFang SC; + font-weight: 400; + font-size: 25rpx; color: #949494; } @@ -127,11 +164,13 @@ font-weight: bold; font-size: 38rpx; color: #FF6C00; + font-family: DIN, DIN; } .buttonBox { background-color: #FF6C00; border: #fff; + margin-right: 80rpx; } .myQrcodeBox { @@ -141,4 +180,91 @@ .myQrcodeTextBox { text-align: center; margin: 30rpx 0; +} + +.paymentPageBox { + /* margin-top: 165rpx; */ + /* position: absolute; + top: 150rpx; */ + + +} + +page { + background-color: #F2F3F8; + position: relative; +} + +.titleBox { + background-color: #fff; + position: fixed; + top: 0; + width: 100%; + +} + + +.eBook { + width: 85rpx; + height: 38rpx; + background: #FF6C00; + text-align: center; + line-height: 38rpx; + border-radius: 9rpx; + color: #fff; + padding: 5rpx; + font-size: 22rpx; + font-weight: 400; +} + +.cloudLearning { + width: 100%; + height: 100%; + background: #5F92FD; + text-align: center; + line-height: 38rpx; + border-radius: 9rpx; + color: #fff; + padding: 5rpx; + font-size: 22rpx; + font-weight: 400; +} + +.labelBox { + width: 105rpx; + height: 38rpx; + font-size: 22rpx; + color: #FFFFFF; + font-family: PingFang SC, PingFang SC; +} + +.labelBox text { + color: #000; +} + +.boosName { + 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; + + +} + +.commodityBox { + font-family: PingFang SC, PingFang SC; + font-weight: 400; + font-size: 27rpx; + color: #0F1214; +} + +.payPriceBox { + font-family: DIN, DIN; + font-weight: 500; + font-size: 33rpx; + color: #0F1214; } \ No newline at end of file -- Gitblit v1.9.1