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 | 110 +++++++++++++++++++++++++++++++++++++++++-------------- 1 files changed, 82 insertions(+), 28 deletions(-) diff --git a/pages/cart/paymentPage/index.wxss b/pages/cart/paymentPage/index.wxss index 14285dc..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,12 +20,10 @@ .content { width: 100%; - background-color: #F2F3F8; padding: 40rpx 0; - padding-top: 1rpx; - margin-top: 110rpx; - + /* padding-top: 1rpx; */ + /* margin-top: 110rpx; */ } .shoppingCartList { @@ -31,6 +31,7 @@ background: #FFFFFF; border-radius: 20px; margin: 30rpx 0; + /* padding: 30rpx 0; */ } .imageBox { @@ -44,12 +45,11 @@ height: 210rpx; } -.cartListContent { - /* margin: 0 auto; */ -} + .cartList { display: flex; + width: 750rpx; } .cartListContent { @@ -57,6 +57,15 @@ } .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; @@ -64,8 +73,6 @@ color: #333333; display: flex; flex-direction: row; - padding: 0 10rpx; - } .textBox { @@ -82,10 +89,7 @@ font-size: 31rpx; color: #0F1214; font-family: DIN, DIN; - - - - + margin-bottom: 20rpx; } .priceBreakdown { @@ -97,17 +101,16 @@ .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; } @@ -116,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 } @@ -140,12 +154,17 @@ .residue { color: #949494; + font-family: PingFang SC, PingFang SC; + font-weight: 400; + font-size: 25rpx; + color: #949494; } .residueTextBox { font-weight: bold; font-size: 38rpx; color: #FF6C00; + font-family: DIN, DIN; } .buttonBox { @@ -163,7 +182,13 @@ margin: 30rpx 0; } -.paymentPageBox {} +.paymentPageBox { + /* margin-top: 165rpx; */ + /* position: absolute; + top: 150rpx; */ + + +} page { background-color: #F2F3F8; @@ -178,13 +203,18 @@ } + .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; + font-weight: 400; } .cloudLearning { @@ -194,6 +224,10 @@ text-align: center; line-height: 38rpx; border-radius: 9rpx; + color: #fff; + padding: 5rpx; + font-size: 22rpx; + font-weight: 400; } .labelBox { @@ -202,15 +236,35 @@ 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; } -.boosName { - width: 300rpx; - overflow: hidden; - text-overflow: ellipsis; - display: -webkit-box; - -webkit-box-orient: vertical; - -webkit-line-clamp: 2; +.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