【优化】客服订单卡片样式优化

Author: puhui999

src/views/mall/promotion/kefu/components/message/OrderMessageItem.vue

@@ -10,7 +10,7 @@
             : ''
       ]"
     >
-      <div :key="getMessageContent.id" class="order-list-card-box mt-14px">
+      <div :key="getMessageContent.id" class="order-list-card-box mt-14px max-w-70%">
         <div class="order-card-header flex items-center justify-between p-x-20px">
           <div class="order-no">订单号：{{ getMessageContent.no }}</div>
           <div :class="formatOrderColor(getMessageContent)" class="order-state font-16">

src/views/mall/promotion/kefu/components/message/ProductItem.vue

@@ -111,7 +111,6 @@ const skuString = computed(() => {
 
 <style lang="scss" scoped>
 .ss-order-card-warp {
-  max-width: 60%;
   padding: 20px;
   border-radius: 10px;
   background-color: #e2e2e2;

src/views/mall/promotion/kefu/components/message/ProductMessageItem.vue

@@ -16,6 +16,7 @@
         :skuText="getMessageContent.introduction"
         :title="getMessageContent.spuName"
         :titleWidth="400"
+        class="max-w-70%"
         priceColor="#FF3000"
       />
     </div>