feat: 订单列表接口对接

pages/order/components/CustomRefresher/index.vue

@@ -0,0 +1,39 @@
+
+<!-- z-paging自定义的下拉刷新view -->
+<template>
+  <view class="refresher-container">
+    <image
+      class="refresher-image"
+      mode="aspectFit"
+      src="./images/refresher_loading.gif"
+    ></image>
+    <text class="refresher-text">{{ statusText }}</text>
+  </view>
+</template>
+
+<script setup>
+import { computed } from "vue";
+
+const props = defineProps({
+  status: {
+    type: String,
+    default: "",
+  },
+});
+
+const statusText = computed(() => {
+  // 这里可以做i18n国际化相关操作，可以通过uni.getLocale()获取当前语言(具体操作见i18n-demo.vue);
+  // 获取到当前语言之后，就可以自定义不同语言下的展示内容了
+  const statusTextMap = {
+    default: "哎呀，用点力继续下拉！",
+    "release-to-refresh": "拉疼我啦，松手刷新~~",
+    loading: "正在努力刷新中...",
+    complete: "刷新成功啦~",
+  };
+  return statusTextMap[this.status];
+});
+</script>
+
+<style scoped lang="scss">
+@import "./styles/index.scss";
+</style>

pages/order/components/CustomRefresher/styles/index.scss

@@ -0,0 +1,21 @@
+.refresher-container {
+  /* #ifndef APP-NVUE */
+  display: flex;
+  /* #endif */
+  height: 150rpx;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+}
+
+.refresher-image {
+  margin-top: 10rpx;
+  height: 45px;
+  width: 45px;
+}
+
+.refresher-text {
+  margin-top: 10rpx;
+  font-size: 24rpx;
+  color: #666666;
+}