index.vue 493 B

12345678910111213141516171819202122232425
  1. <template>
  2. <template v-if="orders.length">
  3. <div class="px-15 flex flex-col space-y-15 mt-20">
  4. <ProfileTravelOrdersItem
  5. v-for="item in orders"
  6. :key="item.id"
  7. :itemData="item"
  8. />
  9. </div>
  10. </template>
  11. <template v-if="!orders.length">
  12. <van-empty description="暂无旅游订单" />
  13. </template>
  14. </template>
  15. <script setup>
  16. defineProps({
  17. orders: {
  18. type: Array,
  19. default: () => [],
  20. },
  21. });
  22. </script>
  23. <style lang="scss" scoped></style>