116 lines
1.9 KiB
Vue
116 lines
1.9 KiB
Vue
|
<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>
|