feat: 我的订单样式调整

src/pages-order/order/components/OrderCard/OrderCardContent.vue

@@ -1,5 +1,15 @@
 <template>
-  <view class="card-content">
+  <view class="card-content border-box pt-12">
+    <view class="flex items-center justify-between">
+      <view
+        class="left flex-full font-size-14 line-height-20 color-171717 mr-12"
+      >
+        {{ orderData.commodityName }}
+      </view>
+      <view class="right font-size-18 font-bold line-height-20 color-525866">
+        {{ orderData.orderAmt }}
+      </view>
+    </view>
     <!-- 动态渲染信息行 -->
     <InfoRow
       v-for="item in displayItems"
@@ -23,7 +33,6 @@ const ORDER_TYPES = {
 
 // 标签常量
 const LABELS = {
-  ORDER_ID: "订单编号",
   CHECK_IN_TIME: "入住时间",
   VISITOR_NAME: "游客姓名",
   CONTACT_PHONE: "联系电话",
@@ -74,7 +83,6 @@ const displayItems = computed(() => {
   switch (orderType) {
     case ORDER_TYPES.HOTEL:
       return [
-        { label: LABELS.ORDER_ID, value: orderData.orderId },
         {
           label: LABELS.CHECK_IN_TIME,
           value:
@@ -95,7 +103,6 @@ const displayItems = computed(() => {
     case ORDER_TYPES.TICKET:
     case ORDER_TYPES.OTHER:
       return [
-        { label: LABELS.ORDER_ID, value: orderData.orderId },
         {
           label: LABELS.QUANTITY,
           value: formatQuantity(orderData.commodityAmount),
@@ -110,7 +117,11 @@ const displayItems = computed(() => {
 </script>
 
 <style scoped lang="scss">
-.card-content {
-  padding: 16px;
+.right {
+  &::before {
+    content: "￥";
+    font-weight: 500;
+    font-size: 16px;
+  }
 }
 </style>