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

<template>
	<!-- <div>服务档案</div> -->
	<view class="box box-size">
		<view class="top box-size" :style="{borderRadius:'16rpx'}">
			<view class="form-title">
				本次喂养过程中，您需要喂养的食品包括
			</view>
			<view class=" mt32 ml10">
				<view class="color-A55 size-30 fw400">
					干粮(主粮、冻干等)
				</view>
				<view class="size-30 mt32 fw400">
					干粮摆放位置
				</view>
				<view class="img mt20">
					<image src="" mode=""></image>
				</view>
				<view class="size-30 mt24 flex-between">
					<view :style="{color:'#999999'}">干粮喂养重量</view>
					<view class="level">
						<view class="input_ mr10">
							<input type="text" :style="{width:'80rpx',height:'50rpx',fontSize:'30rpx'}">
						</view>
						<view>/次(单位:克)</view>
					</view>
				</view>
				<view class="size-30 mt24 flex-between">
					<view :style="{color:'#999999'}">干粮喂养频率</view>
					<view class="level">
						<view class="input_ mr10">
							<input type="text" :style="{width:'80rpx',height:'50rpx',fontSize:'30rpx'}">
						</view>
						<view>天</view>
						<view class="input_ mr10">
							<input type="text" :style="{width:'80rpx',height:'50rpx',fontSize:'30rpx'}">
						</view>
						<view>次</view>
					</view>
				</view>
				<view class="size-30 mt24" :style="{color:'#999999'}">
					备注信息
				</view>
				<view class="notes mt16 box-size ml--15" :style="{borderRadius:'16rpx'}">
					<input type="text" :style="{height:'50rpx',fontSize:'30rpx'}">
				</view>
			</view>
			<view class="line" :style="{borderRadius:'1rpx'}"></view>
			<view class=" mt32 ml10">
				<view class="color-A55 size-30 fw400">
					湿粮(罐头等)
				</view>
				<view class="size-30 mt32 fw400">
					湿粮摆放位置
				</view>
				<view class="img mt20">
					<image src="" mode=""></image>
				</view>
				<view class="size-30 mt24 flex-between">
					<view :style="{color:'#999999'}">湿粮喂养重量</view>
					<view class="level">
						<view class="input_ mr10">
							<input type="text" :style="{width:'80rpx',height:'50rpx',fontSize:'30rpx'}">
						</view>
						<view>/次(单位:罐)</view>
					</view>
				</view>
				<view class="size-30 mt24 flex-between">
					<view :style="{color:'#999999'}">湿粮喂养频率</view>
					<view class="level">
						<view class="input_ mr10">
							<input type="text" :style="{width:'80rpx',height:'50rpx',fontSize:'30rpx'}">
						</view>
						<view>天</view>
						<view class="input_ mr10">
							<input type="text" :style="{width:'80rpx',height:'50rpx',fontSize:'30rpx'}">
						</view>
						<view>次</view>
					</view>
				</view>
				<view class="size-30 mt24" :style="{color:'#999999'}">
					备注信息
				</view>
				<view class="notes mt16 box-size ml--15" :style="{borderRadius:'16rpx'}">
					<input type="text" :style="{height:'50rpx',fontSize:'30rpx'}">
				</view>
			</view>
			<view class="line" :style="{borderRadius:'1rpx'}"></view>
			<view class=" mt32 ml10">
				<view class="color-A55 size-30 fw400">
					自制食品
				</view>
				<view class="size-30 mt32 fw400">
					自制食品摆放位置
				</view>
				<view class="img mt20">
					<image src="" mode=""></image>
				</view>
				<view class="size-30 mt24" :style="{color:'#999999'}">
					自制饭制作和喂食说明
				</view>
				<view class="notes mt16 box-size ml--15" :style="{borderRadius:'16rpx'}">
					<input type="text" :style="{height:'50rpx',fontSize:'30rpx'}">
				</view>
			</view>
			<view class="line" :style="{borderRadius:'1rpx'}"></view>
			<view class=" mt32 ml10">
				<view class="color-A55 size-30 fw400">
					生骨肉
				</view>
				<view class="size-30 mt32 fw400">
					生骨肉摆放位置
				</view>
				<view class="img mt20">
					<image src="" mode=""></image>
				</view>
				<view class="size-30 mt24" :style="{color:'#999999'}">
					生骨肉喂食说明
				</view>
				<view class="notes mt16 box-size ml--15" :style="{borderRadius:'16rpx'}">
					<input type="text" :style="{height:'50rpx',fontSize:'30rpx'}">
				</view>
			</view>
			<view class="line" :style="{borderRadius:'1rpx'}"></view>
			<view class=" mt32 ml10">
				<view class="color-A55 size-30 fw400">
					保健品
				</view>
				<view class="size-30 mt32 fw400">
					保健品摆放位置
				</view>
				<view class="img mt20">
					<image src="" mode=""></image>
				</view>
				<view class="size-30 mt24" :style="{color:'#999999'}">
					保健品喂养方式
				</view>
				<view class="notes mt16 box-size ml--15" :style="{borderRadius:'16rpx'}">
					<input type="text" :style="{height:'50rpx',fontSize:'30rpx'}">
				</view>
			</view>
			<view class="line" :style="{borderRadius:'1rpx'}"></view>
			<view class=" mt32 ml10">
				<view class="color-A55 size-30 fw400">
					零食
				</view>
				<view class="size-30 mt32 fw400">
					零食摆放位置
				</view>
				<view class="img mt20">
					<image src="" mode=""></image>
				</view>
				<view class="size-30 mt24" :style="{color:'#999999'}">
					零食喂养方式
				</view>
				<view class="notes mt16 box-size ml--15" :style="{borderRadius:'16rpx'}">
					<input type="text" :style="{height:'50rpx',fontSize:'30rpx'}">
				</view>
			</view>
			<view class="line" :style="{borderRadius:'1rpx'}"></view>
		</view>
		<view class="top mt24" :style="{borderRadius:'16rpx'}">
			<view class="form-title">
				食盆/自动喂食器
			</view>
			<view class=" mt32 ml10">
				<view class="color-A55 size-30 fw400">
					喂食器具摆放位置
				</view>
				<view class="mt20">
					<image src="" mode="" :style="{width:'307rpx',height:'230rpx',backgroundColor:'red'}"></image>
				</view>
				<view class="size-30 mt24" :style="{color:'#999999'}">
					备注信息
				</view>
				<view class="notes mt16 box-size ml--15" :style="{borderRadius:'16rpx'}">
					<input type="text" :style="{height:'50rpx',fontSize:'30rpx'}">
				</view>
			</view>
		</view>
		<view class="top mt24" :style="{borderRadius:'16rpx'}">
			<view class="form-title">
				饮用水
			</view>
			<view class=" mt32 ml10">
				<view class="color-A55 size-30 fw400">
					饮用水摆放位置
				</view>
				<view class="mt20">
					<image src="" mode="" :style="{width:'307rpx',height:'230rpx',backgroundColor:'red'}"></image>
				</view>
				<view class="size-30 mt24" :style="{color:'#999999'}">
					饮用水添加要求
				</view>
				<view class="notes mt16 box-size ml--15" :style="{borderRadius:'16rpx'}">
					<input type="text" :style="{height:'50rpx',fontSize:'30rpx'}">
				</view>
			</view>
		</view>
		<view class="top mt24" :style="{borderRadius:'16rpx'}">
			<view class="form-title">
				其他补充信息(非必填)
			</view>
			<view class=" mt32 ml10">
				<view class="size-30 mt24" :style="{color:'#999999'}">
					备注信息
				</view>
				<view class="notes mt16 box-size ml--15" :style="{borderRadius:'16rpx'}">
					<input type="text" :style="{height:'50rpx',fontSize:'30rpx'}">
				</view>
			</view>
		</view>
		<view class="buttom mt60 box-size">
			<view class="buttom-item level size-30" :style="{borderRadius:'41rpx',color:'#fff'}">
				下一页
			</view>
		</view>
	</view>

</template>

<script>
</script>

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