!524 【页面优化】适配订单详情和售后详情的黑暗模式

Merge pull request !524 from 卢越/master

src/views/mall/trade/afterSale/detail/index.vue

@@ -325,13 +325,13 @@ onMounted(async () => {
     align-items: center;
     align-items: center;
     min-height: 30px;
     min-height: 30px;
     padding: 10px;
     padding: 10px;
-    background-color: #f7f8fa;
+    background-color: var(--app-content-bg-color);
 
 
     &::before {
     &::before {
       position: absolute;
       position: absolute;
       top: 10px;
       top: 10px;
       left: 13px;
       left: 13px;
-      border-color: transparent #f7f8fa transparent transparent; /* 尖角颜色，左侧朝向 */
+      border-color: transparent var(--app-content-bg-color) transparent transparent; /* 尖角颜色，左侧朝向 */
       border-style: solid;
       border-style: solid;
       border-width: 8px; /* 调整尖角大小 */
       border-width: 8px; /* 调整尖角大小 */
       content: '';
       content: '';