调整主页数据统计模块月份选择组件样式 签到记录页面

pages.json

@@ -437,6 +437,15 @@
             }
             
         }
+        ,{
+            "path" : "pages/parents/sighInRecord/sighInRecord",
+            "style" :                                                                                    
+            {
+                "navigationBarTitleText": "",
+                "enablePullDownRefresh": false
+            }
+            
+        }
     ],
 	"globalStyle": {
 		"navigationStyle": "custom", // 隐藏系统导航栏

pages/parents/sighInRecord/sighInRecord.vue

@@ -0,0 +1,115 @@
+<template>
+	<view>
+		<u-navbar title="签到记录"></u-navbar>
+		<view class="screen">
+			<view class="date">
+				<view class="text">
+					2023-02
+				</view>
+				<view class="icon">
+					<u-icon name="arrow-down-fill" color="#999999" size="10"></u-icon>
+				</view>
+			</view>
+			<u-line color="#999999" direction="col" length="40" margin="auto"/>
+			<view class="course">
+				<view class="text">
+					全部类型
+				</view>
+				<view class="icon">
+					<u-icon name="arrow-down-fill" color="#999999" size="10"></u-icon>
+				</view>
+			</view>
+		</view>
+		
+		<view class="main">
+			<view class="record">
+				<view class="date">
+					2023-02-14 13:59:01
+				</view>
+				<view class="classify">
+					上课签到
+				</view>
+			</view>
+			<view class="record">
+				<view class="date">
+					2023-02-14 13:55:21
+				</view>
+				<view class="classify2">
+					人脸识别
+				</view>
+			</view>
+		</view>
+		
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+
+			}
+		},
+		
+		
+	}
+</script>
+
+<style lang="scss" scoped>
+.screen{
+	background-color: #fff;
+	display: flex;
+	justify-content: space-between;
+	text-align: center;
+	height: 44px;
+	line-height: 44px;
+	.date{
+		
+		flex: 1;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		.text{
+			margin-right: 8rpx;
+		}
+	}
+	.course{
+		display: flex;
+		flex: 1;
+		align-items: center;
+		justify-content: center;
+		.text{
+			margin-right: 8rpx;
+		}
+	}
+}
+
+
+.main{
+	background-color: #fff;
+	.record{
+		display: flex;
+		justify-content: space-between;
+		padding: 24rpx 32rpx;
+		border-top: 1px solid rgba(232, 232, 232, 1);
+		.date{
+			color: rgba(119, 119, 119, 1);
+			font-size: 16px;
+		}
+		.classify{
+			font-size: 16px;
+			color: rgba(13, 186, 199, 1);
+			font-weight: bold;
+		}
+		.classify2{
+			color: rgba(129, 97, 255, 1);
+			font-size: 16px;
+			font-weight: bold;
+		}
+		
+	}
+}
+
+
+
+</style>

pages/teacher/callNames/classCall.vue

@@ -1,6 +1,6 @@
 <template>
 	<view>
-		<u-navbar back-text="点名签到"></u-navbar>
+		<u-navbar title="班级点名"></u-navbar>
 		<view class="main">
 			<u-cell-group>
 				<u-cell-item title="班级名称" :value="classList.className" :arrow="false"></u-cell-item>

pages/teacher/homePage/homePage.vue

@@ -1,5 +1,5 @@
 <template>
-	<view>
+	<view @click="show=false">
 		<view class="navigation">
 			启航教培管家·教师端
 		</view>
@@ -22,15 +22,18 @@
 			<view class="main">
 					<view class="time">
 						<u-picker mode="time" v-model="show" :params="params"></u-picker>
-						<view class="show" @click="show=true">
+						<view class="show" @click.stop="show=!show">
 							 <view class="text">
 							 	2023年1月 
 							 </view>
-							<view class="img">
-								<img src="../../../assets/img/riFill-arrow-drop-down-fill Copy@1x.png" alt="">
+							<view class="icon">
+								<u-icon name="arrow-down" color="#fff" size="32"></u-icon>
 							</view>
 			
 						</view>
+						<view class="select" v-show="show">
+							2023年1月 
+						</view>
 					</view>
 				<!-- <view class="time">
 					
@@ -394,16 +397,32 @@
 				 display: flex;
 				 justify-content: center;
 				 align-items: center;
+				 border-radius: 50px;
+				 background-color: rgba(13, 186, 199, 1);
+				 font-size: 16px;
+				 text-align: center;
+				 height: 64rpx;
+				 margin: 0 224rpx;
+				 position: relative;
 				 .text{
-					 font-size: 16px;
-					 color: rgba(51, 51, 51, 1);
+					 font-size: 32rpx;
+					 color: rgba(255, 255, 255, 1);
 				 }
-				 img{
+				 icon{
 				 	
-				 	vertical-align: middle;
+				 	margin-left: 8rpx;
 				 }
 			 }
-			
+			.select{
+				position: absolute;
+				left: 260rpx;;
+				right: 260rpx;;
+				background-color: #fff;
+				z-index: 999;
+				box-shadow:0px 0px 8px 0px #E8E8E8 ;
+				 height: 72rpx;
+				 line-height: 72rpx;
+			}
 			
 		}