Jelajahi Sumber

我的页面 课程表页面修改

常志远 2 tahun lalu
induk
melakukan
c4a3a7c2d2

+ 56 - 1
pages/parents/classSchedule/classSchedule.vue

@@ -1,6 +1,6 @@
 <template>
 	<view>
-		<u-navbar back-text="课程表">
+		<u-navbar title="课程表">
 			<view class="slot-wrap" @click="getToday()">
 				今天
 			</view>
@@ -32,6 +32,9 @@
 			</view>
 		</view>
 		<!-- 课表信息 -->
+		<view class="courses-learned">
+		  已学课程	
+		</view>
 		<view class="class-box">
 			<view class="picture">
 				<img src="../../../assets/img/classschedule.png" alt="">
@@ -74,6 +77,51 @@
 			</view>
 
 		</view>
+		<view class="courses-learned">
+		  未学课程
+		</view>
+		<view class="class-box">
+			<view class="picture">
+				<img src="../../../assets/img/classschedule.png" alt="">
+			</view>
+			<view class="infos">
+				<view class="title">
+					中国舞十级班
+				</view>
+				<view class="tag">
+					<view class="item">
+						二楼舞蹈一教室
+					</view>
+					<view class="item">
+						08:30-10:00
+					</view>
+		
+				</view>
+				<view class="else">
+					<view class="teacher">
+						<view class="photo">
+							<img src="../../../assets/img/teachercard.png" alt="">
+						</view>
+						<view class="name">
+							陈老师
+						</view>
+					</view>
+		
+					<view class="class-times">
+						<view class="text">
+							课次
+						</view>
+						<view class="num">
+							22
+						</view>
+		
+					</view>
+		
+				</view>
+		
+			</view>
+		
+		</view>
 
 	</view>
 
@@ -242,6 +290,13 @@
 
 
 	// 课表信息
+	.courses-learned{
+		margin-top: 40rpx;
+		padding: 0 32rpx;
+		color: rgba(51, 51, 51, 1);
+		font-size: 16px;
+		font-weight: bold;
+	}
 	.class-box {
 		margin: 12px 16px;
 		padding: 24rpx 0 24rpx 24rpx;

+ 1 - 1
pages/parents/mine/editProfile.vue

@@ -18,7 +18,7 @@
 				昵称
 			</view>
 			<view class="name">
-				用户191012
+				<input type="text" name="" id="" placeholder="用户191012" style="text-align: right;">
 			</view>
 			
 		</view>

+ 35 - 11
pages/parents/mine/mine.vue

@@ -62,7 +62,7 @@
 						</label>
 					</view>
 				</view>
-				
+
 				<view class="check-box">
 					<view class="photo">
 						<img src="../../../assets/img/zixuan.png" alt="">
@@ -218,8 +218,8 @@
 					</view>
 				</view>
 			</view>
-			<u-modal v-model="show" @confirm="confirm" confirm-color="#FF3D00" :show-cancel-button="true" ref="uModal" :asyncClose="true" :title="title"
-				:content="content" :content-style="{color: '#333333'}"></u-modal>
+			<u-modal v-model="show" @confirm="confirm" confirm-color="#FF3D00" :show-cancel-button="true" ref="uModal"
+				:asyncClose="true" :title="title" :content="content" :content-style="{color: '#333333'}"></u-modal>
 
 		</view>
 
@@ -258,7 +258,7 @@
 				uni.showLoading({
 					title: "加载中",
 					mask: true,
-				})		
+				})
 				mineApi.studentList().then((res) => {
 					uni.hideLoading();
 					this.studentList = res.data.studentList;
@@ -276,7 +276,7 @@
 				uni.showLoading({
 					title: "加载中",
 					mask: true,
-				})		
+				})
 				API.logout().then((res) => {
 					uni.hideLoading();
 					this.show = false;
@@ -364,10 +364,11 @@
 			margin-top: 12px;
 			border-radius: 16rpx;
 			background-color: rgba(255, 255, 255, 1);
-			padding: 24rpx;
-			display: flex;
-			justify-content: space-around;
-
+			padding: 24rpx 24rpx 8rpx 24rpx;
+		    display: flex;
+			flex-wrap: wrap;
+          
+	     
 			.check-box {
 				padding: 16rpx 40rpx 16rpx 16rpx;
 				border-radius: 100rpx;
@@ -375,7 +376,8 @@
 				border: 1px solid rgba(13, 186, 199, 0.5);
 				display: flex;
 				position: relative;
-
+				margin-right: 24rpx;
+                margin-bottom:16rpx;
 				.photo {
 					width: 80rpx;
 					height: 80rpx;
@@ -387,11 +389,29 @@
 						height: 100%;
 					}
 				}
+				@media screen and(max-width:320px){
+					.photo {
+						width: 70rpx;
+						height: 70rpx;
+						border-radius: 999rpx;
+						overflow: hidden;
+					
+						img {
+							width: 100%;
+							height: 100%;
+							vertical-align: middle;
+						}
+					}
+				}
 
 				.infos {
 					margin-left: 16rpx;
 
 					.name {
+						width: 96rpx;
+						overflow: hidden;
+						white-space: nowrap;
+					    text-overflow: ellipsis;
 						color: rgba(51, 51, 51, 1);
 						font-size: 32rpx;
 						line-height: 48rpx;
@@ -422,7 +442,11 @@
 
 				}
 			}
-
+  @media screen and(max-width:320px) {
+            	.check-box{
+					margin-right:16rpx;
+				}
+            }
 		}
 	}