From b77e8e776af4d81e748e9e21d51b64a11085a195 Mon Sep 17 00:00:00 2001
From: zhongshujie <2862698242@qq.com>
Date: 星期四, 19 十二月 2024 10:49:11 +0800
Subject: [PATCH] 未提交退出提示

---
 pages/cart/paymentPage/index.wxss |  189 +++++++++++++++++++++++++++++++++++++++++++----
 1 files changed, 173 insertions(+), 16 deletions(-)

diff --git a/pages/cart/paymentPage/index.wxss b/pages/cart/paymentPage/index.wxss
index 9159e8f..e975340 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,31 +20,36 @@
 
 .content {
   width: 100%;
-  height: 1250rpx;
   background-color: #F2F3F8;
   padding: 40rpx 0;
-  padding-top: 1rpx;
+  /* padding-top: 1rpx; */
+  /* margin-top: 110rpx; */
 }
 
 .shoppingCartList {
-  height: 1000rpx;
+  min-height: 150rpx;
   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;
+  /* 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: 30rpx;
+  font-family: PingFang SC, PingFang SC;
+  font-weight: bold;
+  font-size: 29rpx;
+  color: #333333;
+  /* display: flex; */
+  flex-direction: row;
 }
 
 .textBox {
@@ -70,37 +88,65 @@
   font-weight: 500;
   font-size: 31rpx;
   color: #0F1214;
+  font-family: DIN, DIN;
+  margin-bottom: 20rpx;
+}
 
+.integralBreakdown {
+  height: 160rpx;
+  background: #fff;
+  padding: 30rpx;
+  margin-bottom: 20rpx;
 }
 
 .priceBreakdown {
-  height: 280rpx;
+  height: 300rpx;
   background: #fff;
   padding: 30rpx;
-
+  margin-bottom: 20rpx;
 }
 
 .priceBreakdownContent {
   font-weight: bold;
-  font-size: 32rpx;
+  font-size: 29rpx;
   color: #0F1214;
   margin-bottom: 50rpx;
+  font-family: PingFang SC, PingFang SC;
+
+}
+
+.integral {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.t-switch__body--checked {
+  background-color: #FF6C00 !important;
 }
 
 .amountMoney {
   display: flex;
   justify-content: space-between;
-  font-weight: 500;
-  font-size: 33rpx;
-  color: #0F1214;
-  border-bottom: 2rpx solid #EDEDED;
-  padding-bottom: 38rpx;
+  /* border-bottom: 2rpx solid #EDEDED; */
+  padding-bottom: 20rpx;
 }
 
 .amount {
   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 +163,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 +181,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 +197,105 @@
 .myQrcodeTextBox {
   text-align: center;
   margin: 30rpx 0;
+}
+
+.paymentPageBox {
+  /* margin-top: 165rpx; */
+  /* position: absolute;
+  top: 150rpx; */
+
+
+}
+
+.label {
+  font-size: 28rpx;
+  color: #FF6C00;
+  margin-bottom: 10rpx;
+}
+
+.payBox {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  color: #FF6C00;
+}
+
+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 {
+  margin-bottom: 20rpx;
+  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