From ecabd20b3dfbd956dad14ffb6ba3dc2efcfdd7c1 Mon Sep 17 00:00:00 2001 From: yiming <m13691596795@163.com> Date: 星期一, 25 三月 2024 16:23:32 +0800 Subject: [PATCH] 微信支付 --- pages/cart/paymentPage/index.wxss | 120 +++++++++++++++++++++++++++++++++++++++++++++++++++++++---- 1 files changed, 111 insertions(+), 9 deletions(-) diff --git a/pages/cart/paymentPage/index.wxss b/pages/cart/paymentPage/index.wxss index 5a5f81e..6009b23 100644 --- a/pages/cart/paymentPage/index.wxss +++ b/pages/cart/paymentPage/index.wxss @@ -18,10 +18,12 @@ .content { width: 100%; - height: 1250rpx; + background-color: #F2F3F8; padding: 40rpx 0; padding-top: 1rpx; + margin-top: 110rpx; + } .shoppingCartList { @@ -29,12 +31,18 @@ background: #FFFFFF; border-radius: 20px; margin: 30rpx 0; + /* padding: 30rpx 0; */ +} + +.imageBox { + width: 150rpx; + height: 210rpx; + margin: 30rpx; } image { width: 150rpx; height: 210rpx; - margin: 30rpx; } .cartListContent { @@ -55,6 +63,10 @@ font-weight: bold; font-size: 29rpx; color: #333333; + display: flex; + flex-direction: row; + padding: 0 10rpx; + } .textBox { @@ -70,29 +82,28 @@ font-weight: 500; font-size: 31rpx; color: #0F1214; - + font-family: DIN, DIN; } .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 +112,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 +139,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 +157,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 +173,74 @@ .myQrcodeTextBox { text-align: center; margin: 30rpx 0; +} + +.paymentPageBox { + margin-top: 165rpx; +} + +page { + background-color: #F2F3F8; + position: relative; +} + +.titleBox { + background-color: #fff; + position: fixed; + top: 0; + width: 100%; + +} + +.eBook { + width: 90%; + height: 100%; + background: #FF6C00; + text-align: center; + line-height: 38rpx; + border-radius: 9rpx; +} + +.cloudLearning { + width: 100%; + height: 100%; + background: #5F92FD; + text-align: center; + line-height: 38rpx; + border-radius: 9rpx; +} + +.labelBox { + width: 105rpx; + height: 38rpx; + font-size: 22rpx; + color: #FFFFFF; + font-family: PingFang SC, PingFang SC; +} + +.labelBox text { + color: #000; +} + +.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