Browse Source

启航教培管家 教师端班级点名页面tabs固定

常志远 2 years ago
parent
commit
5ec27c7a3b
1 changed files with 50 additions and 36 deletions
  1. 50 36
      pages/teacher/callNames/classCall.vue

+ 50 - 36
pages/teacher/callNames/classCall.vue

@@ -2,48 +2,53 @@
 	<view>
 		<u-navbar title="班级点名"></u-navbar>
 		<view class="main">
-			<view class="infos">
-				<view class="class">
-					{{classList.className}}
-				</view>
-				<view class="item">
-					<view class="title">
-						上课时间:
-					</view>
-					<view class="value">
-						{{scheduleSheet.courseDate}} {{scheduleSheet.coursePeriods}}
-
+			<view class="position">
+				<view class="infos">
+					<view class="class">
+						{{classList.className}}
 					</view>
-				</view>
-				<view class="item">
-					<view class="title">
-						上课教室:
+					<view class="item">
+						<view class="title">
+							上课时间:
+						</view>
+						<view class="value">
+							{{scheduleSheet.courseDate}} {{scheduleSheet.coursePeriods}}
+				
+						</view>
 					</view>
-					<view class="value">
-						{{classRoom.name}}
+					<view class="item">
+						<view class="title">
+							上课教室:
+						</view>
+						<view class="value">
+							{{classRoom.name}}
+						</view>
 					</view>
-				</view>
-				<view class="item">
-					<view class="title">
-						授课老师:
+					<view class="item">
+						<view class="title">
+							授课老师:
+						</view>
+						<view class="value">
+							{{employee.employeeName}}
+						</view>
 					</view>
-					<view class="value">
-						{{employee.employeeName}}
+					<view class="item">
+						<view class="title">
+							学员总数:
+						</view>
+						<view class="value">
+							{{studentList.length}}人
+						</view>
 					</view>
+					
 				</view>
-				<view class="item">
-					<view class="title">
-						学员总数:
-					</view>
-					<view class="value">
-						{{studentList.length}}人
-					</view>
+				<view class="tabs">
+					<u-tabs bar-width="80" inactive-color="#777777" active-color="#4F3C27" :list="list" :is-scroll="false"
+						:current="current" @change="change"></u-tabs>
 				</view>
 			</view>
-			<view class="tabs">
-				<u-tabs bar-width="80" inactive-color="#777777" active-color="#4F3C27" :list="list" :is-scroll="false"
-					:current="current" @change="change"></u-tabs>
-			</view>
+			
+			
 			<view class="details">
 				<view class="item"  v-for="(item,index) in rollCallList" :key="index">
 					<view class="picture">
@@ -88,6 +93,7 @@
 					</view>
 				</view>
 				
+				
 			</view>
 			<!-- <u-cell-group>
 				<u-cell-item title="班级名称" :value="classList.className" :arrow="false"></u-cell-item>
@@ -312,10 +318,18 @@
 	.main {
 
 		background: linear-gradient(180deg, rgba(13, 186, 199, 1) 0%, rgba(244, 246, 246, 1) 100%);
-        
+        .position{
+			background-color: rgba(13, 186, 199, 1);
+			position: fixed;
+			top: 88rpx;
+			left: 0;
+			right: 0;
+			z-index: 999;
+		}
 		.infos {
 			color: #fff;
 			padding: 32rpx;
+			
 
 			.class {
 				color: rgba(255, 255, 255, 1);
@@ -343,7 +357,7 @@
 
 		.details {
 			background-color: #fff;
-
+            margin-top: 424rpx;
 			.item {
 				padding: 24rpx 32rpx;
 				display: flex;