pet-front/otherPages/workbenchManage/myUser/components/noOrder.vue

<template>
	<view class="no-order">
		<view class="no-order-list mt20" v-for="item in list" :key="item.id">
			<view class="no-order-image flex-rowl">
				<up-image width="80rpx" height="80rpx" :src="item.imageUrl" shape="circle"></up-image>
				<text class="ml20">{{item.name}}</text>
			</view>
			<up-line color="#C7C7C7"></up-line>
			<view class="no-order-time flex-b size-26 color-999">
				<view class="">
					注册时间
				</view>
				<view class="">
					{{item.time}}
				</view>
			</view>
		</view>
	</view>
</template>

<script setup>
	import { ref,reactive } from "vue"
	const list = reactive([
	    {id:'001',imageUrl:'https://cdn.uviewui.com/uview/album/1.jpg', name: '猫小咪',time:'2024-11-01 18:12:16' },  
	    {id:'002',imageUrl:'https://cdn.uviewui.com/uview/album/1.jpg', name: '猫小咪',time:'2024-11-01 18:12:16' },  
	]);
</script>

<style scoped lang="scss">
	@import "../index";
</style>