Browse Source

显示成绩页面样式改版

tanxue 1 month ago
parent
commit
c25b6dca4e

+ 7 - 5
common/styles/global/components.scss

@@ -156,10 +156,6 @@ $titleBar-tabBar-page: calc(100vh - var(--status-bar-height));
 /***** 判断题 *****/
 .ezy-panduan-box{
 	margin: 0 10rpx;
-	.panduan-title{
-		width: 231rpx;height: 63rpx;
-		background-image: url("@/static/images/exam/panduan-title.png");@include ezy-no-repeat-cover();
-	}
 	.danxuan-option-box{
 		width: 100%;line-height:96rpx;border-radius: 8px;margin-bottom: 20rpx;
 		font-size: 32rpx;color: #333;box-sizing: border-box;padding: 10rpx 24rpx;
@@ -240,7 +236,13 @@ $titleBar-tabBar-page: calc(100vh - var(--status-bar-height));
 .shiti-frame-box{
 	width: 95%;height: auto;background-color: #fff;box-shadow: 0 0rpx 4rpx rgba(100, 159, 241, 0.2);
 	flex: 1;position: relative;display: flex;flex-direction: column;
-	border-radius: 16rpx;box-sizing: border-box;padding:32rpx 24rpx 24rpx;margin: 20rpx 2.5% 36rpx;
+	border-radius: 16rpx;box-sizing: border-box;padding:32rpx 24rpx 36rpx;margin: 20rpx 2.5% 36rpx;
+}
+
+.ezy-page-body{
+	display: flex;flex-direction: column;flex: 1;
+	position: relative;background-color: #fff;z-index: 1;
+	border-radius: 20rpx 20rpx 0 0;padding: 42rpx 0;overflow: hidden;
 }
 
 /***** 模拟标题栏 *****/

+ 36 - 6
common/styles/global/pages.scss

@@ -713,7 +713,7 @@
 		width: 100%;height: 100vh;position: relative;position: absolute;top: 0;left: 0;z-index: 3;
 	}
 	.swiper-tip-box{
-		font-size: 30rpx;color: #5989e2;justify-content: center;margin-top: 20rpx;
+		font-size: 30rpx;color: #5989e2;justify-content: center;margin-top: 16rpx;
 		display: flex;flex-direction: row;align-items: center;
 	}
 	.swiper-tip-box::before,.swiper-tip-box::after{
@@ -1803,10 +1803,6 @@
 //  选课
 .ezy-xuanke-page{
 	width: 100%;height: 100vh;display: flex;flex-direction: column;padding-bottom: 100rpx;overflow: hidden; 
-	.xuanke-body{
-		display: flex;flex-direction: column;flex: 1;
-		position: relative;background-color: #fff;z-index: 1;
-		border-radius: 20rpx 20rpx 0 0;padding: 42rpx 0;overflow: hidden;
 		.xuanke-tab-box{display: flex;justify-content: center;margin-bottom: 24rpx;}
 		.tab-item{
 			width: 242rpx;height: 90rpx;line-height: 90rpx;@include ezy-no-repeat-cover;
@@ -1847,7 +1843,6 @@
 				}
 			}
 		}
-	}
 }
 
 // 选版本
@@ -1878,4 +1873,39 @@
 			background-image: url("@/static/images/xuanke/xbb-item-jt.png");@include ezy-no-repeat-cover;
 		}
 	}
+}
+
+// 单元测试
+.dycs-dialog{
+	width: 100%;height: 100vh;background-color: #fff;display: flex;flex-direction: column;
+	.dycs-body{overflow-y: auto;}
+	.dycs-img{
+		width: 430rpx;height: 350rpx;margin: 92rpx auto 32rpx;flex-shrink: 0;
+		background-image: url("@/static/images/exam/shiti-dialog-img.png");@include ezy-no-repeat-cover;
+	}
+	.dycs-tip{
+		text-align: center;color: #333;font-size: 35rpx;
+	}
+	.dycs-fenshu-box{
+		width: 560rpx;margin: 72rpx auto;padding: 42rpx 32rpx;box-shadow: 0 0rpx 8rpx rgba(100, 159, 241, 0.3);
+		display: flex;justify-content: center;align-items: center;border-radius: 12rpx;font-size: 32rpx;
+		.fenshu-item-box{width: 49%;text-align: center;font-size: 32rpx;color: #333;}
+		.item-number{font-size: 56rpx;margin-bottom: 10rpx;}
+		.red-number{color: #f60000;}
+		.item-line{width: 1rpx;height: 120rpx;background: #f3f5f9;}
+	}
+	.dycs-btn-box{
+		display: flex;justify-content: center;margin-top: 64rpx;
+		.cxcs-btn,.ckda-btn{
+			width: 275rpx;height: 88rpx;line-height: 88rpx;@include ezy-no-repeat-cover;
+			text-align: center;color: #fff;font-size: 32rpx;margin: 0 10rpx;
+		}
+		.cxcs-btn{background-image: url("@/static/images/exam/shiti-btn-blue-bj.png");}
+		.ckda-btn{background-image: url("@/static/images/exam/shiti-btn-orange-bj.png");}
+	}
+	@media (max-height: 700px) {
+		.dycs-img{margin: 64rpx auto 16rpx;}
+		.dycs-fenshu-box{margin: 46rpx auto;}
+		.dycs-btn-box{margin-top: 36rpx;}
+	}
 }

+ 1 - 1
pages/chanpinXuanze/index.vue

@@ -5,7 +5,7 @@
 			<!-- <view @click="handleBack" class="nav-bar-icon"></view> -->
 			<text class="nav-bar-title">选课</text>
 		</view>
-		<view class="xuanke-body">
+		<view class="ezy-page-body">
 			<!-- 头部区域 -->
 			<view class="xuanke-tab-box">
 				<view v-for="item in data.list" :key="item.value" class="tab-item"

+ 24 - 21
pages/xinshuxue/components/unitResult.vue

@@ -1,30 +1,33 @@
 <template>
 	<uni-popup ref="popupRef" :animation="false" :is-mask-click="false"
-		mask-background-color="rgba(255, 255, 255, 0.6);" class="ezy-popup-width-all">
-		<view>
-			<!-- 导航 -->
-			<view @click="handleBack">返回</view>
-
-			<view>
-				<view>图</view>
-				<view> 单元测试已完成 </view>
+		mask-background-color="rgba(0,0,0, 0.76);" class="ezy-popup-width-all">
+		<view class="dycs-dialog">
+			<!-- 返回区域 -->
+			<view class="icon-title-navBar-box">
+				<view @click="handleBack" class="nav-bar-icon"></view>
+				<text class="nav-bar-title">单元测试</text>
 			</view>
-
-			<view>
-				<view>
-					<view>{{data.right}}</view>
-					<view>正确</view>
+			<view class="ezy-page-body dycs-body">
+				<view class="dycs-img"></view>
+				<view class="dycs-tip">单元测试已完成</view>
+				
+				<view class="dycs-fenshu-box">
+					<view class="fenshu-item-box">
+						<view class="item-number">{{data.right}}</view>
+						<view>正确</view>
+					</view>
+					<view class="item-line"></view>
+					<view class="fenshu-item-box">
+						<view class="item-number red-number">{{data.wrong}}</view>
+						<view>错误</view>
+					</view>
 				</view>
-				<view>
-					<view>{{data.wrong}}</view>
-					<view>错误</view>
+				
+				<view class="dycs-btn-box">
+					<view @click="handleRestart" class="cxcs-btn">重新测试</view>
+					<view @click="handleCheckAnswer" class="ckda-btn">查看答案</view>
 				</view>
 			</view>
-
-			<view>
-				<button @click="handleRestart">重新测试</button>
-				<button @click="handleCheckAnswer">查看答案</button>
-			</view>
 		</view>
 	</uni-popup>
 </template>

BIN
static/images/exam/exam-tip-bj.png


BIN
static/images/exam/panduan-title.png


BIN
static/images/exam/shiti-dialog-img.png


BIN
static/images/xuexi/go-top-btn.png


BIN
static/images/xuexi/item-bj-disabled.png


BIN
static/images/xuexi/item-bj.png


BIN
static/images/xuexi/jt-icon.png


BIN
static/images/xuexi/lock-btn.png


BIN
static/images/xuexi/ml-left-btn.png


BIN
static/images/xuexi/ml-right-btn.png


BIN
static/images/xuexi/more-btn.png


BIN
static/images/xuexi/play-btn.png


BIN
static/images/xuexi/xx-btn.png


BIN
static/images/xuexi/xxjl-icon.png