feat: 我的工单样式调整

src/components/CustomEmpty/index.vue

@@ -1,12 +1,9 @@
-
 <template>
-  <view class="empty-container">
+  <view class="empty-container flex flex-col items-center justify-center">
-    <image
+    <image class="empty-image" :src="emptyIcon" mode="aspectFit" />
-      class="empty-image"
+    <text class="font-size-12 text-center color-99A0AE mt-8">
-      mode="aspectFit"
+      {{ statusText }}
-      src="./images/empty.png"
+    </text>
-    ></image>
-    <text class="empty-text">{{ statusText }}</text>
   </view>
 </template>
 
@@ -18,6 +15,11 @@ const props = defineProps({
     type: String,
     default: "",
   },
+  emptyIcon: {
+    type: String,
+    default:
+      "https://oss.nianxx.cn/mp/static/version_101/order/order_empty.png",
+  },
 });
 </script>
 

src/components/CustomEmpty/styles/index.scss

@@ -1,19 +1,4 @@
-.empty-container {
-  /* #ifndef APP-NVUE */
-  display: flex;
-  /* #endif */
-  height: 100%;
-  flex-direction: column;
-  align-items: center;
-}
-
 .empty-image {
   height: 130px;
   width: 130px;
 }
-
-.empty-text {
-  margin-top: 10px;
-  font-size: $uni-font-size-base;
-  color: #666666;
-}

src/pages-service/order/list.vue

@@ -14,7 +14,10 @@
     </template>
 
     <template #empty>
-      <CustomEmpty statusText="您暂无服务工单" />
+      <CustomEmpty
+        emptyIcon="https://oss.nianxx.cn/mp/static/version_101/order/service_empty.png"
+        statusText="您暂无服务工单"
+      />
     </template>
 
     <OrderCard