From c0c9335c4e404beb94890fe2ef402380b8e3b151 Mon Sep 17 00:00:00 2001
From: yiming <m13691596795@163.com>
Date: 星期三, 13 三月 2024 19:57:35 +0800
Subject: [PATCH] fix(sad): 阿斯蒂芬

---
 pages/personalCenter/myOrder/index.wxss |  107 +++++++++++++++++++++++++++++++++++++++++++++--------
 1 files changed, 90 insertions(+), 17 deletions(-)

diff --git a/pages/personalCenter/myOrder/index.wxss b/pages/personalCenter/myOrder/index.wxss
index 8ac30eb..6b750d8 100644
--- a/pages/personalCenter/myOrder/index.wxss
+++ b/pages/personalCenter/myOrder/index.wxss
@@ -1,3 +1,28 @@
+page {
+  width: 100vw;
+  height: 100%;
+}
+
+.page-header {
+  background: #fff;
+  width: 100%;
+  position: fixed;
+  top: 0rpx;
+  left: 0;
+  padding-top: 20rpx;
+  z-index: 1
+}
+
+.refresh-container {
+  margin: 0 auto;
+}
+
+.bottom-loading,
+.loading {
+  padding: 20rpx;
+  text-align: center;
+}
+
 .t-search__input {
   font-size: 28rpx !important;
   color: rgb(116, 116, 116) !important;
@@ -17,8 +42,8 @@
 }
 
 .t-tabs__track {
-  /* left: 28rpx !important; */
   background-color: #FF6C00 !important;
+  width: 80rpx !important;
 }
 
 .t-tabs__item--active {
@@ -28,6 +53,8 @@
 
 .pageInfo {
   background: #F2F3F8;
+  padding-top: 200rpx;
+  height: calc(100% - 200rpx)
 }
 
 .list {
@@ -44,6 +71,7 @@
 
 .order-cent {
   padding: 10rpx 0;
+  font-size: 28rpx;
 }
 
 .right {
@@ -70,25 +98,58 @@
 .order-centent {
   display: flex;
   border-bottom: 2rpx solid #EFF0F1;
+  padding: 20rpx 0;
+}
+
+
+
+.srcolbox {
+  flex: 1;
+  width: 80%;
+  white-space: nowrap;
+}
+
+.srcolbox .bookBox {
+  display: inline-block;
+  width: 240rpx;
+  margin-right: 10rpx;
+  margin-left: 10rpx;
+  /* box-shadow: 0rpx 0rpx 18rpx 2rpx rgba(0, 0, 0, 0.08); */
+
 }
 
 
 .bookBox {
   flex: 1;
-  padding: 30rpx 0;
+  padding: 20rpx 0;
+  margin: 20rpx 0;
+  text-align: center;
 }
 
+.order-centent .flex {
+  width: 100%;
+  box-shadow: none;
+  text-align: left;
+  margin-right: 0;
+}
 
 
 .bookBox .leftCon {
-  width: 150rpx;
+  /* width: 150rpx; */
+  width: 240rpx;
   height: 210rpx;
-  box-shadow: 0px 0px 20rpx 2px #f1f1f1;
+  /* box-shadow: 0px 0px 20rpx 2px #f1f1f1; */
+  border: 2rpx solid #E9e9e9;
+  margin: 0 auto;
+  padding: 20rpx 0;
 }
 
 .fl {
+  width: 150rpx !important;
   float: left;
   margin-right: 20rpx;
+  margin-left: 20rpx !important;
+  padding: 0 !important;
 }
 
 .bookBox .leftCon .purchasedIcon {
@@ -98,40 +159,51 @@
 }
 
 .productTitle {
-  font-size: 32rpx;
-  height: 88rpx;
+  font-size: 30rpx;
   color: #333333;
   font-weight: bold;
-  line-height: 44rpx;
-  display: -webkit-box;
-  margin-bottom: 30rpx;
+  line-height: 38rpx;
+  margin-bottom: 10rpx;
   -webkit-box-orient: vertical;
-  -webkit-line-clamp: 2;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.cmsName {
+  color: #949494;
+  font-size: 24rpx;
+  line-height: 24rpx;
+  margin-bottom: 20rpx;
+  -webkit-box-orient: vertical;
   overflow: hidden;
   text-overflow: ellipsis;
 }
 
 .flex .rightCon {
-  margin-left: 160rpx;
+  margin-left: 200rpx;
 }
 
 .rightCon {
-  margin-top: 10rpx;
-  margin-right: 20rpx;
+  padding: 20rpx 10rpx;
+}
+
+.top {
+  margin-top: 30rpx;
 }
 
 .count {
   display: flex;
   align-items: center;
-  margin-left: 30rpx;
+  margin-left: 10rpx;
+  font-size: 28rpx;
 }
 
 .typeBox {
   background: rgba(255, 108, 0, 0.24);
-  border-radius: 9rpx 9rpx 9rpx 9rpx;
-  padding: 8rpx 20rpx;
+  border-radius: 10rpx;
+  padding: 8rpx 16rpx;
   color: #FF6C00;
-
+  font-size: 24rpx;
 }
 
 .order-top {
@@ -139,6 +211,7 @@
   display: flex;
   justify-content: space-between;
   align-items: center;
+  font-size: 28rpx;
 }
 
 .button-example {

--
Gitblit v1.9.1