zhywpt-sp/pages/order/order.vue

<!-- 订单列表2 -->
<template>
	<empty-view v-if="!data.login" mode="permission" content="请先登录再查看订单" btnTxt="立即登录"
		@btnClick="$util.navTo('/login/login')">
	</empty-view>

	<view class="list-wrapper" v-else>
		<order-tabbar ref="tabbarRef" :tabs="data.tabsList" v-model:curIndex="data.tabIndex"
			v-if="data.tabsList.length > 0"></order-tabbar>

		<order-list-item ref="mescrollItem" :index="data.tabIndex" :refresh="data.refresh">
		</order-list-item>
	</view>

</template>

<script setup lang="ts">
	import orderTabbar from "./components/order-tabbar.vue";
	import orderListItem from "./components/order-list-item";
	import useOrderList from "@/composables/order/useOrderList";

	const {
		data,
		tabbarRef
	} = useOrderList();
</script>

<style lang="scss">
	page {
		background: #eef7f7;
	}

	:deep(.u-mode-center-box) {
		border-radius: 20rpx;
	}
</style>
<style lang="scss" scoped>
	.list-wrapper {}
</style>