主页

components/Tabbar.vue

@@ -0,0 +1,75 @@
+<template >
+	<view>
+		<u-tabbar v-model="myCurrent" :list="tabbarList" 
+		:before-switch="beforeSwitch" active-color="#0DBAC7"  ></u-tabbar>
+		
+	</view>
+</template>
+
+<script>
+ 	
+ 	export default {
+		name:"tabbarJob",
+		props:{
+			current: 0,
+			elderStatus: false
+		},
+		data() {
+			return {
+				activeColor:"#5098FF",
+				oldindex:this.current,
+				 myCurrent:this.current,
+				 tabbarList: [
+					 {
+					 
+				 		iconPath: "grid",
+				 		selectedIconPath: "grid-fill",
+				 		text: '服务 ',
+						pagePath2:"/pages/teacher/homePage/homePage",
+				 	},
+				 	{
+				 		iconPath: "account",
+				 		selectedIconPath: "account-fill",
+				 		text: '我的',
+						pagePath2:"/pages/teacher/mine/mine",
+				 	}
+			 ],
+			};
+			
+		},methods:{
+			setcount(c){
+				this.myCurrent=c
+			},
+			beforeSwitch(index){
+			
+				
+				if(index==this.current){
+					return false
+				}
+				var url =this.tabbarList[index].pagePath2;
+				
+				uni.navigateTo({
+					url: url
+				})
+				if(index==1){
+					this.myCurrent=this.oldindex;
+					return false;
+				}else{
+					return true;
+				}
+				
+			},
+			
+		},mounted(){
+			
+		},destroyed(){
+			
+		}
+		
+		
+	}
+</script>
+
+<style>
+	 
+</style>

pages.json

@@ -1,9 +1,5 @@
 {
-	"easycom": {
-		"^u-(.*)": "uview-ui/components/u-$1/u-$1.vue",
-		"ujp-(.*)": "components/u-$1/u-$1.vue"
-		
-	},
+	
 	"pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages
 		{
 			"path": "pages/index/index",
@@ -31,6 +27,25 @@
 		    }
 		    
 		}
+        
+        ,{
+            "path" : "pages/teacher/messageNotification/messageList",
+            "style" :                                                                                    
+            {
+                "navigationBarTitleText": "",
+                "enablePullDownRefresh": false
+            }
+            
+        }
+        ,{
+            "path" : "pages/teacher/mine/mine",
+            "style" :                                                                                    
+            {
+                "navigationBarTitleText": "",
+                "enablePullDownRefresh": false
+            }
+            
+        }
     ],
 	"globalStyle": {
 		"navigationStyle": "custom", // 隐藏系统导航栏

pages/teacher/homePage/homePage.vue

@@ -1,21 +1,232 @@
 <template>
 	<view>
-		<view>
-				<u-navbar :is-back="false" title="启航教培管家·教师端" :background="background">
-							
-				</u-navbar>
+		
+		 <view class="navigation">
+		 	启航教培管家·教师端
+		 </view>
+		 <!-- 课时信息 -->
+		<view class="class-infos-box">
+			<view class="title">
+				<view class="campus">
+					青少年宫校区
+				</view>
+				<view class="cut">
+					切换校区
+					<view class="img">
+						<img src="../../../assets/img/riLine-exchange-line@1x.png" alt="">
+					</view>
+				</view>
 			</view>
-		<view class="">
-			吃饭了吗
+		  <!-- 详细信息 -->
+		  <view class="main">
+		  	 <view class="time">
+				 <view class="day">
+				 	今日
+				 </view>
+				 <view class="week">
+				 	本周
+				 </view>
+				 <view class="month">
+				 	本月
+				 </view>
+		  	 	
+		  	 </view>
+			 <view class="date">
+			 	(2023.1.3-2023.1.3)
+			 </view>
+			 <view class="infos">
+				 <view class="infos-item">
+					 <view class="content">
+					 	9
+					 </view>
+					 <view class="infos-name">
+					 	收费课时
+					 </view>
+				 	
+				 </view>
+				 <u-line color="#E5E7EA"  direction="col" length="80"/>
+				 <view class="infos-item">
+				 					 <view class="content">
+				 					 	9
+				 					 </view>
+				 					 <view class="infos-name">
+				 					 	赠送课时
+				 					 </view>
+				 	
+				 </view>
+				 <u-line color="#E5E7EA"  direction="col" length="80"/>
+				 <view class="infos-item">
+				 					 <view class="content">
+				 					 	9
+				 					 </view>
+				 					 <view class="infos-name">
+				 					 	补课课时
+				 					 </view>
+				 	
+				 </view>
+				 
+				 <view class="infos-item">
+				 					 <view class="content">
+				 					 	100
+				 					 </view>
+				 					 <view class="infos-name">
+				 					 	应到人次
+				 					 </view>
+				 	
+				 </view>
+				 <u-line color="#E5E7EA"  direction="col" length="80"/>
+				 <view class="infos-item">
+				 					 <view class="content">
+				 					 	99
+				 					 </view>
+				 					 <view class="infos-name">
+				 					 	实到人次
+				 					 </view>
+				 	
+				 </view>
+				 <u-line color="#E5E7EA"  direction="col" length="80"/>
+				 <view class="infos-item">
+				 					 <view class="content">
+				 					 	1
+				 					 </view>
+				 					 <view class="infos-name">
+				 					 	未到/请假
+				 					 </view>
+				 	
+				 </view>
+			 	
+			 </view>
+			 
+		  </view>
+		
+		
 		</view>
+		<!-- 最近课程 -->
+				<view class="course">
+					<view class="title">
+						<img src="../../../assets/img/riFill-calendar-todo-fill@1x.png" alt="">最近课程
+					</view>
+					<view class="course-infos">
+						<view class="info-box">
+							<view class="position today">
+								今
+							</view>
+							<view class="class-name">
+								周开琴书法班1
+								
+							</view>
+							<view class="location-time">
+								<view class="location">
+									4楼6教室 
+								</view>
+								<view class="time">
+									09:30-10:45
+								</view>
+							</view>
+							<view class="date">
+								2023.1.3
+							</view>
+							
+						</view>
+						<view class="info-box info-box2">
+							<view class="position tomorrow">
+								明
+							</view>
+							<view class="class-name">
+								周开琴书法班2
+								
+							</view>
+							<view class="location-time">
+								<view class="location">
+									4楼6教室 
+								</view>
+								<view class="time">
+									09:30-10:45
+								</view>
+							</view>
+							<view class="date">
+								2023.1.3
+							</view>
+							
+						</view>
+					</view>
+					
+				</view>
+	
+	<!-- 我的应用 -->
+	<view class="my-app">
+		<view class="title">
+			<img src="../../../assets/img/riFill-stack-fill@1x.png" alt="">我的应用
+		</view>
+		  <view class="app-items">
+		  	<view class="item">
+		  		<view class="icon-box" style="background: linear-gradient(180deg, rgba(89,222,232,1) 1%,rgba(13,186,199,1) 100%)">
+		  			<img src="../../../assets/img/riFill-notification-3-fill@1x.png" alt="">
+					<view class="count">
+						99+
+					</view>
+		  		</view>
+				<view class="text">
+					消息通知
+				</view>
+		  	</view>
+			<view class="item">
+				<view class="icon-box" style="background: linear-gradient(180deg, rgba(91,160,242,1) 1%,rgba(26,118,226,1) 100%);">
+					<img src="../../../assets/img/riFill-calendar-todo-fill@1x.png" alt="">
+				</view>
+				<view class="text">
+					我的课表
+				</view>
+			</view>
+			<view class="item">
+				<view class="icon-box" style="background: linear-gradient(180deg, rgba(255,189,96,1) 1%,rgba(255,150,0,1) 100%);">
+					<img src="../../../assets/img/riFill-file-edit-fill@1x.png" alt="" >
+				</view>
+				<view class="text">
+					点名签到
+				</view>
+			</view>
+			<view class="item">
+				<view class="icon-box" style="background: linear-gradient(180deg, rgba(169,147,255,1) 1%,rgba(129,97,255,1) 100%);">
+					<img src="../../../assets/img/riFill-calendar-2-fill@1x.png" alt="">
+				</view>
+				<view class="text">
+					班级信息
+				</view>
+			</view>
+			<view class="item">
+				<view class="icon-box" style="background: linear-gradient(180deg, rgba(89,222,232,1) 1%,rgba(13,186,199,1) 100%);">
+					<img src="../../../assets/img/riFill-quill-pen-fill@1x.png" alt="">
+				</view>
+				<view class="text">
+					学员点评
+				</view>
+			</view>
+			
+			<view class="item">
+				<view class="icon-box" style="background: linear-gradient(180deg, rgba(255,189,96,1) 1%,rgba(255,150,0,1) 100%);">
+					<img src="../../../assets/img/riFill-star-fill@1x.png" alt="">
+				</view>
+				<view class="text">
+					学员秀
+				</view>
+			</view>
+		  </view>
+	</view>
+	
+	<Tabbar :current="0" ref="tabbarMain" ></Tabbar>
 	</view>
 </template>
 
 <script>
+	import Tabbar from '@/components/Tabbar.vue'
 	export default {
+		components:{
+			Tabbar
+		},
 		data() {
 			return {
-				backgroundColor: '#0DBAC7',
+				
 				
 			}
 		},
@@ -25,6 +236,231 @@
 	}
 </script>
 
-<style>
+<style lang="scss" scoped>
+	.navigation{
+		
+		height: 44px;
+		line-height: 44px;
+		background-color: rgba(13, 186, 199, 1);
+		color: #ffffff;
+		padding-left: 16px;
+		font-size: 20px
+	}
+	
+  // 课时信息
+  /deep/.u-line{
+	  transform:scaleX(1) !important;
+  }
+  .class-infos-box{
+	  background:linear-gradient(#0DBAC7,#F4F6F6);
+	  .title{
+		  padding: 12px 16px;
+		  display: flex;
+		  justify-content: space-between;
+		  color: #fff;
+		  .cut{
+			  height: 16px;
+			  font-size: 14px;
+			  .img{
+				 display: inline-block;
+				 
+				 img{
+					 vertical-align: middle;
+				 }
+				  
+			  }
+		  }
+	  }
+	  // 详细信息
+	  .main{
+		  width: 91.4%;
+		  border-radius: 12px;
+		  padding-top: 22px;
+		  background-color: rgba(255, 255, 255, 1);
+		  text-align: center;
+		  margin: auto;
+	  }
+	  .time{
+		  width: 93%;
+		  margin: auto;
+		  display: flex;
+		  justify-content: space-between;
+		  height: 32px;
+		  line-height: 32px;
+		  border-radius: 50px;
+		  background-color: rgba(240, 244, 250, 1);
+		  color: #777777;
+		  text-align: center;
+		  .day{
+			  color: #fff9;
+			  background-color: #0DBAC7;
+			  border-radius: 50px;
+		  }
+		  .day,.week,.month{
+			  width: 33.3%;
+		  }
+		  
+	  }
+	  .date{
+		  height: 17px;
+		  color: rgba(119, 119, 119, 1);
+		  font-size: 12px;
+		  font-family: PingFangSC-regular;
+		  margin: 18px 0;
+	  }
+	  .infos{
+		  display: flex;
+		  flex-wrap: wrap;
+		  .infos-item{
+			  width: 33%;
+			  margin-bottom: 40rpx;
+			  .content{
+				  height: 28px;
+				  color: rgba(13, 186, 199, 1);
+				  font-size: 20px;
+				  text-align: center;
+				  font-family: PingFangSC-medium;
+			  }
+			  .infos-name{
+				  height: 20px;
+				  color: rgba(119, 119, 119, 1);
+			  }
+		  }
+	  }
+  }
+
+// 最近课程
+.course{
+	
+	margin: auto;
+	margin-top: 16px;
+	width: 91.4%;
+	.title{
+		height: 20px;
+		line-height: 20px;
+		margin-bottom: 14px;
+		color: #333333;
+		font-weight: bold;
+		img{
+			vertical-align: middle;
+			margin-right: 8px;
+		}
+	}
+	.course-infos{
+		display: flex;
+		justify-content: space-between;
+		.info-box{
+			border-top: 2px solid #0DBAC7;
+			background: linear-gradient(to right,#E4F8E3,#dcf5f6);
+			width: 47.8%;
+			padding: 24rpx 0 14rpx 24rpx;
+			box-shadow: 2px 2px 2px 2px #e7e9e9;
+			border-radius: 8px;
+			position: relative;
+			.position{
+				width: 48rpx;
+				height: 40rpx;
+				line-height:40rpx;
+				position: absolute;
+				top: 0;
+				right: 16rpx;
+				text-align: center;
+				border-radius: 0px 0px 4px 4px;
+				font-size: 12px;
+				color: #fff;
+			}
+			.today{
+				background-color:#0DBAC7 ;
+			}
+			.tomorrow{
+				background-color:#0086FF ;
+			}
+			.class-name{
+				height: 20px;
+				color: rgba(51, 51, 51, 1);
+				font-size: 14px;
+			}
+			.location-time{
+				margin-top: 8rpx;
+				display: flex;
+				justify-content:start;
+				color: rgba(119, 119, 119, 1);
+				font-size: 12px;
+				.time{
+					margin-left: 8rpx;
+				}
+			}
+			.date{
+				color: rgba(119, 119, 119, 1);
+				font-size: 12px;
+				margin-top: 8rpx;
+			}
+		}
+		.info-box2{
+			border-top: 2px solid #0086FF;
+		}
+	}
+}
+
+// 我的应用
+.my-app{
+	margin: auto;
+	margin-top: 16px;
+	padding: 16px;
+	background-color: #fff;
+	margin-bottom: 300rpx;
+	.title{
+		height: 20px;
+		line-height: 20px;
+		margin-bottom: 14px;
+		font-weight: bold;
+		color: #333333;
+		img{
+			vertical-align: middle;
+			margin-right: 8px;
+		}
+	}
+	.app-items{
+		display: flex;
+		flex-wrap: wrap;
+		
+		.item{
+			width: 25%;
+			display: flex;
+			flex-direction: column;
+			align-items: center;
+			margin-bottom: 40rpx;
+			.icon-box{
+				width:40px;
+				height: 40px;
+				text-align: center;
+				border-radius: 8px;
+				position: relative;
+				.count{
+					width: 28px;
+					height: 16px;
+					line-height: 16px;
+					border-radius: 50px;
+					background-color: rgba(238, 49, 56, 1);
+					color: rgba(255, 255, 255, 1);
+					font-size: 10px;
+					text-align: center;
+					position: absolute;
+					top: -16rpx;
+					right: -28rpx;
+				}
+				
+				img{
+					margin: 8px 0;
 
+					
+				}
+			}
+			.text{
+				margin-top: 16rpx;
+			}
+		}
+	}
+	
+}
 </style>

pages/teacher/mine/mine.vue

@@ -0,0 +1,34 @@
+<template>
+	<view>
+		
+		<h1>1111</h1>
+		
+		
+		
+		<Tabbar :current="1" ref="tabbarMain" ></Tabbar>
+		
+	</view>
+</template>
+
+<script>
+	import Tabbar from '@/components/Tabbar.vue'
+	
+	export default {
+		components:{
+			Tabbar,
+			
+		},
+		data() {
+			return {
+				
+			}
+		},
+		methods: {
+			
+		}
+	}
+</script>
+
+<style>
+
+</style>