From 018a3db13d7bb2dc211717843b98aafaab3e68df Mon Sep 17 00:00:00 2001
From: Linzm <1015157648@qq.com>
Date: Fri, 23 Jan 2026 18:51:04 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=EF=BC=9A=E6=88=91=E7=9A=84?=
 =?UTF-8?q?=E8=AE=A2=E5=8D=95=E9=A1=B5=E9=9D=A2=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components.d.ts               |  2 --
 src/config/cartoon.ts         |  2 +-
 src/views/cartoon/myOrder.vue | 35 ++++++++++++++++++-----------------
 3 files changed, 19 insertions(+), 20 deletions(-)

diff --git a/components.d.ts b/components.d.ts
index d47b30b..c0b7b10 100644
--- a/components.d.ts
+++ b/components.d.ts
@@ -16,7 +16,6 @@ declare module '@vue/runtime-core' {
     ElAlert: typeof import('element-plus/es')['ElAlert']
     ElButton: typeof import('element-plus/es')['ElButton']
     ElDialog: typeof import('element-plus/es')['ElDialog']
-    ElIcon: typeof import('element-plus/es')['ElIcon']
     ElImage: typeof import('element-plus/es')['ElImage']
     ElInput: typeof import('element-plus/es')['ElInput']
     ElRadioButton: typeof import('element-plus/es')['ElRadioButton']
@@ -36,7 +35,6 @@ declare module '@vue/runtime-core' {
     VanIcon: typeof import('vant/es')['Icon']
     VanList: typeof import('vant/es')['List']
     VanLoading: typeof import('vant/es')['Loading']
-    VanOverlay: typeof import('vant/es')['Overlay']
     VanPullRefresh: typeof import('vant/es')['PullRefresh']
     VanStepper: typeof import('vant/es')['Stepper']
     VanUploader: typeof import('vant/es')['Uploader']
diff --git a/src/config/cartoon.ts b/src/config/cartoon.ts
index c135a2e..3dd1339 100644
--- a/src/config/cartoon.ts
+++ b/src/config/cartoon.ts
@@ -345,7 +345,7 @@ export const cartoonConfig = {
     styles: {
       gap: 8, // 间距
       itemWidth: 'calc(50% - 4px)', // 订单项宽度
-      itemHeight: '43vw', // 订单项高度
+      itemHeight: 'calc(50vw - 4px)', // 订单项高度
       borderRadius: 12, // 圆角
       padding: {
         horizontal: 16,
diff --git a/src/views/cartoon/myOrder.vue b/src/views/cartoon/myOrder.vue
index 814b56c..99d4a1d 100644
--- a/src/views/cartoon/myOrder.vue
+++ b/src/views/cartoon/myOrder.vue
@@ -78,7 +78,7 @@ function getStatus(status: number) {
 }
 </script>
 
-<style scoped>
+<style scoped lang="scss">
 .header {
   display: flex;
   align-items: center;
@@ -98,47 +98,48 @@ function getStatus(status: number) {
 .order-list {
   display: flex;
   flex-wrap: wrap;
-  gap: v-bind('config.myOrder.styles.gap + "px"');
-  padding: v-bind('config.myOrder.styles.padding.vertical + "px"') v-bind('config.myOrder.styles.padding.horizontal + "px"');
+  gap: 8px;
+  padding: 24px 16px;
 }
 
 .order-item {
   position: relative;
-  width: v-bind('config.myOrder.styles.itemWidth');
-  height: v-bind('config.myOrder.styles.itemHeight');
-  box-shadow: v-bind('config.myOrder.styles.shadow');
+  width: calc(50vw - 4px);
+  height: calc(50vw - 4px);
+  box-shadow: 0 2px 8px rgba(0,0,0,0.08);
   display: flex;
   align-items: center;
   justify-content: center;
   flex-direction: column;
+  border-radius: 12px;
 }
 
 .order-img {
   width: 100%;
   height: 100%;
   object-fit: cover;
-  border-radius: v-bind('config.myOrder.styles.borderRadius + "px"');
+  border-radius: 12px;
 }
 
 .order-status {
   position: absolute;
-  bottom: v-bind('config.myOrder.styles.status.bottom + "px"');
-  right: v-bind('config.myOrder.styles.status.right + "px"');
-  padding: v-bind('config.myOrder.styles.status.padding.vertical + "px"') v-bind('config.myOrder.styles.status.padding.horizontal + "px"');
-  border-radius: v-bind('config.myOrder.styles.status.borderRadius + "px"');
-  font-size: v-bind('config.myOrder.styles.status.fontSize + "px"');
-  color: v-bind('config.myOrder.statusStyles.default.color');
-  background: v-bind('config.myOrder.statusStyles.default.background');
-  opacity: v-bind('config.myOrder.statusStyles.default.opacity');
+  bottom: 5px;
+  right: 5px;
+  padding: 2px 12px;
+  border-radius: 12px;
+  font-size: 12px;
+  color: #fff;
+  background: #bdbdbd;
+  opacity: 0.9;
   pointer-events: none;
 }
 
 .status-processing {
-  background: v-bind('config.myOrder.statusStyles.processing.background');
+  background: #bdbdbd;
 }
 
 .status-finished {
-  background: v-bind('config.myOrder.statusStyles.finished.background');
+  background: #8bc34a;
 }
 
 .record-image-item-null {