You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
176 lines
6.5 KiB
176 lines
6.5 KiB
<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>
|