<template>
	<view class="content">
		<view class="lv-box">
			<view class="">2024-05-01 12:00</view>
		</view>
		<view class="b-box">
			<view class="h-box">
				<view class="l-title">预约人：</view>
				<view class="r-title">用户姓名</view>
			</view>
			<view class="h-box">
				<view class="l-title">预约电话：</view>
				<view class="r-title">15728694719</view>
			</view>
			<view class="h-box">
				<view class="l-title">预约时间：</view>
				<view class="r-title">05-10 12:00</view>
			</view>
		</view>
		<view class="b-box">
			<view class="h-box">
				<view class="l-title">练习课程：</view>
				<view class="r-title">AI智能+人工教学</view>
			</view>
			<view class="h-box">
				<view class="l-title">教学教练：</view>
				<view class="r-title">员工名称</view>
			</view>

		</view>



	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		onShow() {

		},
		onPullDownRefresh() {
			console.log("刷新");
			uni.stopPullDownRefresh()
		},
		onReachBottom() {
			// this.show = true
			setTimeout(() => {
				console.log("加载执行");
			}, 2000)
		},

		methods: {
			goback() {
				uni.navigateBack()
			}
		}
	}
</script>

<style scoped lang="scss">
	.content {
		width: 100%;
		background: #f4f5f6;
		height: 100vh;
		box-sizing: border-box;
		padding-top: 10px;
	}

	.lv-box {
		width: 95%;
		box-sizing: border-box;
		padding: 25px 15px;
		margin: 15px auto;
		background: #4AA76F;
		color: #fff;
		font-weight: bold;
		font-size: 18px;
		color: #FFFFFF;
		border-radius: 8px;
	}

	.b-box {
		width: 95%;
		box-sizing: border-box;
		background: #fff;
		border-radius: 8px;
		margin: 15px auto;
	}

	.h-box {
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: space-between;
		box-sizing: border-box;
		padding: 15px 15px;
		border-bottom: 1px solid #EEEEEE;

	}

	.l-title {
		font-size: 14px;
		color: #666666;
	}

	.r-title {
		font-size: 14px;
		color: #333333;
	}
</style>