<template>
	<!-- <div>服务记录</div> -->
	<view class="box">
		<view class="top box-size">
			全部记录
			<view class="line" :style="{borderRadius:'3rpx'}"></view>
		</view>
		<view class="center mt10 pl10 pr20 pb10 box-size" v-for="item in items">
			<view class="flex-b">
				<view class="level">
					<view>
						<image src="" mode=""
							:style="{width:'126rpx',height:'126rpx',borderRadius:'100%',backgroundColor:'red'}"
							class="mt22 ml10"></image>
					</view>
					<view class="mt22 ml10">
						<view class="size-30 fw700">猫小姐</view>
						<view class="size-28 color-777">服务时间：2023-12-10 </view>
						<view class="size-28 color-777">宠物：猫咪</view>
					</view>
				</view>
				<view class="size-28 mr10 mt20" :style="{color:'#FFBF60'}">重庆市</view>
			</view>
			<view class="ml30 size-30 mt10">
				猫咪正常饮食，无异常，排尿较少，可能天气较热。服务全程与主人视频，愉快的一天。
			</view>
			<view class="level">
				<view class="ml20 mt20">
					<image src="" mode=""
						:style="{width:'154rpx',height:'164rpx',backgroundColor:'red',borderRadius:'16rpx'}"></image>
				</view>
			</view>
			<view class="flex-rowr">
				<view >
					<image src="" mode="" :style="{width:'17rpx',height:'19rpx'}"></image>
				</view>
				<view class="ml10 mr20" :style="{color:'#707070',fontSize:'22rpx'}">编辑</view>
				<view >
					<up-icon name="edit-pen" color="#2979ff" size="58"></up-icon>
				</view>
				<view class="ml10" :style="{color:'#707070',fontSize:'22rpx'}">删除</view>
			</view>
		</view>
	</view>
</template>

<script>
</script>

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