pet-front/otherPages/myOrdersManage/clock/detail.vue

<template>
	<!-- <view>打卡记录</view> -->
	<view class="container level mt24 box-size">
		<view class="">
			<image src="" mode="" :style="{width:'60rpx',height:'52rpx',backgroundColor:'red'}"></image>
		</view>
		<view class="ml10">
			2025-12-14
		</view>
	</view>
	<view class="box box-size">
		<view class="top box-size" :style="{borderRadius:'16rpx'}">
			<view class="form-title">
				个人准备
			</view>
			<view class="mt32 ml10">
				<span :style="{fontSize:'30rpx',fontWeight:'400'}">手套照片</span>
				<span :style="{fontSize:'22rpx',color:'#C7C7C7'}">(至少1张)</span>
			</view>
			<view class="level">
				<view class="mt20 ml10">
					<image src="" mode="" :style="{width:'131rpx',height:'131rpx',backgroundColor:'red'}">
					</image>
				</view>
			</view>
			<view class="mt32 ml10">
				<span :style="{fontSize:'30rpx',fontWeight:'400'}">鞋套照片</span>
				<span :style="{fontSize:'22rpx',color:'#C7C7C7'}">(至少1张)</span>
			</view>
			<view class="level">
				<view class="mt20 ml10">
					<image src="" mode="" :style="{width:'131rpx',height:'131rpx',backgroundColor:'red'}">
					</image>
				</view>
			</view>
		</view>
		<view class="top mt24 box-size" :style="{borderRadius:'16rpx'}">
			<view class="form-title">
				宠物状态记录
			</view>
			<view class="mt32 ml10">
				<span :style="{fontSize:'30rpx',fontWeight:'400'}">小汪照片</span>
				<span :style="{fontSize:'22rpx',color:'#C7C7C7'}">(至少2张)</span>
			</view>
			<view class="level">
				<view class="mt20 ml10 mr20">
					<image src="" mode="" :style="{width:'131rpx',height:'131rpx',backgroundColor:'red'}">
					</image>
				</view>
				<view class="mt20 ml10 mr20">
					<image src="" mode="" :style="{width:'131rpx',height:'131rpx',backgroundColor:'red'}">
					</image>
				</view>
			</view>
			<view class="mt32 ml10">
				<span :style="{fontSize:'30rpx',fontWeight:'400'}">Billion照片</span>
				<span :style="{fontSize:'22rpx',color:'#C7C7C7'}">(至少2张)</span>
			</view>
			<view class="level">
				<view class="mt20 ml10 mr20">
					<image src="" mode="" :style="{width:'131rpx',height:'131rpx',backgroundColor:'red'}">
					</image>
				</view>
				<view class="mt20 ml10 mr20">
					<image src="" mode="" :style="{width:'131rpx',height:'131rpx',backgroundColor:'red'}">
					</image>
				</view>
			</view>
		</view>
		<view class="top mt24 box-size" :style="{borderRadius:'16rpx'}">
			<view class="form-title">
				基础服务记录
			</view>
			<view class="mt32 ml10" :style="{fontSize:'30rpx',fontWeight:'400'}">粮碗前后对比 </view>
			<view class="level">
				<view class="mt20 ml10">
					<image src="" mode="" :style="{width:'131rpx',height:'131rpx',backgroundColor:'red'}">
					</image>
					<view class="jus-center level" :style="{color:'#999999',fontSize:'22rpx',width:'131rpx'}">前</view>
				</view>
				<view class="mt20 ml10 ml28">
					<image src="" mode="" :style="{width:'131rpx',height:'131rpx',backgroundColor:'red'}">
					</image>
					<view class="jus-center level" :style="{color:'#999999',fontSize:'22rpx',width:'131rpx'}">后</view>
				</view>
			</view>
			<view class="mt32 ml10" :style="{fontSize:'30rpx',fontWeight:'400'}">水碗前后对比 </view>
			<view class="level">
				<view class="mt20 ml10">
					<image src="" mode="" :style="{width:'131rpx',height:'131rpx',backgroundColor:'red'}">
					</image>
					<view class="jus-center level" :style="{color:'#999999',fontSize:'22rpx',width:'131rpx'}">前</view>
				</view>
				<view class="mt20 ml10 ml28">
					<image src="" mode="" :style="{width:'131rpx',height:'131rpx',backgroundColor:'red'}">
					</image>
					<view class="jus-center level" :style="{color:'#999999',fontSize:'22rpx',width:'131rpx'}">后</view>
				</view>
			</view>
			<view class="mt32 ml10" :style="{fontSize:'30rpx',fontWeight:'400'}">猫砂盆、尿垫前后对比 </view>
			<view class="level">
				<view class="mt20 ml10">
					<image src="" mode="" :style="{width:'131rpx',height:'131rpx',backgroundColor:'red'}">
					</image>
					<view class="jus-center level" :style="{color:'#999999',fontSize:'22rpx',width:'131rpx'}">前</view>
				</view>
				<view class="mt20 ml10 ml28">
					<image src="" mode="" :style="{width:'131rpx',height:'131rpx',backgroundColor:'red'}">
					</image>
					<view class="jus-center level" :style="{color:'#999999',fontSize:'22rpx',width:'131rpx'}">后</view>
				</view>
			</view>
		</view>
		<view class="top mt24 box-size" :style="{borderRadius:'16rpx'}">
			<view class="form-title">
				定制服务记录
			</view>
			<view class="mt32 ml10">
				<span :style="{fontSize:'30rpx',fontWeight:'400'}">遛狗</span>
				<span :style="{fontSize:'22rpx',color:'#C7C7C7'}">(2-3张)</span>
			</view>
			<view class="level">
				<view class="mt20 ml10 mr20">
					<image src="" mode="" :style="{width:'131rpx',height:'131rpx',backgroundColor:'red'}">
					</image>
				</view>
				<view class="mt20 ml10 mr20">
					<image src="" mode="" :style="{width:'131rpx',height:'131rpx',backgroundColor:'red'}">
					</image>
				</view>
				<view class="mt20 ml10 mr20">
					<image src="" mode="" :style="{width:'131rpx',height:'131rpx',backgroundColor:'red'}">
					</image>
				</view>
			</view>
			<view class="mt32 ml10">
				<span :style="{fontSize:'30rpx',fontWeight:'400'}">陪玩</span>
				<span :style="{fontSize:'22rpx',color:'#C7C7C7'}">(2-3张)</span>
			</view>
			<view class="level">
				<view class="mt20 ml10 mr20">
					<image src="" mode="" :style="{width:'131rpx',height:'131rpx',backgroundColor:'red'}">
					</image>
				</view>
				<view class="mt20 ml10 mr20">
					<image src="" mode="" :style="{width:'131rpx',height:'131rpx',backgroundColor:'red'}">
					</image>
				</view>
				<view class="mt20 ml10 mr20">
					<image src="" mode="" :style="{width:'131rpx',height:'131rpx',backgroundColor:'red'}">
					</image>
				</view>
			</view>
		</view>
		<view class="top mt24 box-size mb10" :style="{borderRadius:'16rpx'}">
			<view class="form-title">
				其他补充信息(非必填)
			</view>
			<view class="mt32 ml10" :style="{color:'#999999',fontSize:'30rpx'}">
				可记录一下今日趣事、宠物状况、提醒事项等
			</view>
			<view class="mt24">
				<textarea name="" id="" cols="30" rows="10" placeholder="请输入内容"
					:style="{color:'#999999',fontSize:'30rpx',backgroundColor:'#F5F5F5',borderRadius:'16rpx',width:'681rpx',height:'180rpx'}"
					class="pd20 box-size"></textarea>
			</view>
		</view>
	</view>
</template>

<script>
</script>

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