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

<template>
	<!-- <div>不接单日期</div> -->
	<view class="box box-size">
		<view class="top box-size level">
			<view>
				<view class="text">
					添加不接单日期
				</view>
				您不会再接收到选择日期内的订单
			</view>
			<view class="buttom level" :style="{borderRadius:'31rpx'}">
				添加不接单日期
			</view>
		</view>
		<view class="line1">
		</view>
		<view class="level center">
			<view class="">
				<view class="text1" :style="{ textAlign: 'right' }">
					8天
				</view>
				共不接单时间
			</view>
			<view class="level center_item">
				<view class="">
					<!-- <up-icon name="edit-pen" color="#2979ff" size="22"></up-icon> -->
					修改
				</view>
				<view class="">
					<!-- <up-icon name="trash" color="#2979ff" size="22"></up-icon> -->
					清空
				</view>
			</view>
		</view>
		<view class="item box-size" :style="{borderRadius:'16rpx'}">
			2月不接单
			<view class="text2">
				共6天:2月19日、2月22日、2月24日、2月27日、2月28日、2月29日
			</view>
		</view>
		<view class="buttom_ level" :style="{borderRadius:'41rpx'}">
			保存
		</view>
	</view>
</template>

<script>
</script>

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

	.line1 {
		position: relative;
		margin-bottom: 30rpx;

		&::before {
			position: absolute;
			top: 10rpx;
			left: 0;
			content: "";
			width: 718rpx;
			height: 0.5rpx;
			background-color: #EFEFEF;
			// background-color: red;
		}
	}
</style>