试题页面第二版

common/styles/global/components.scss

@@ -43,7 +43,7 @@ $titleBar-tabBar-page: calc(100vh - var(--status-bar-height));
 /***** tabbar  *****/
 .ezy-custom-tabbar{
 	width: 100%;height: 150rpx;position: fixed;left: var(-window-left);right: var(-window right);
-	bottom: 0;padding-bottom: env(safe-area-inset-bottom);box-sizing: border-box;z-index: 9;
+	bottom: var(--window-bottom);padding-bottom: env(safe-area-inset-bottom);box-sizing: border-box;z-index: 9;
 	.tabbar-item-box{display: flex;flex-wrap: nowrap;justify-content: space-evenly;
 	box-sizing: border-box;padding: 0 46rpx;
 	}	
@@ -79,7 +79,21 @@ $titleBar-tabBar-page: calc(100vh - var(--status-bar-height));
 		background-image: url("@/static/images/exam/danxuan-title.png");@include ezy-no-repeat-cover();
 	}
 	.danxuan-question{
-		
+		margin: 24rpx 0 42rpx;font-size: 32rpx;color: #333;line-height: 1.6;padding: 0 10rpx 0 20rpx;box-sizing: border-box;
+		text-align: justify;
+	}
+	.danxuan-option{
+		width: 615rpx;height: 96rpx;line-height:96rpx;background-color:#fff;border-radius: 8px;margin-bottom: 20rpx;
+		font-size: 32rpx;color: #333;box-sizing: border-box;padding: 0 24rpx;@include ezy-no-repeat-cover();
+	}
+	.danxuan-option.active{
+		color: #fff;background-color: transparent;background-image: url("@/static/images/exam/option-active.png");
+	}
+	.danxuan-option.showError{
+		color: #fff;background-color: transparent;background-image: url("@/static/images/exam/option-error.png");
+	}
+	.danxuan-option.active_right{
+		color: #fff;background-color: transparent;background-image: url("@/static/images/exam/option-right.png");
 	}
 }
 

common/styles/global/pages.scss

@@ -245,22 +245,29 @@
 
 // 考试页
 .ezy-exam-page{
-	width: 100%;height: 100vh;background-color: #0ab2f0;
+	width: 100%;height: 100vh;background-color: #0ab2f0;position: relative;
 	padding-top:var(--status-bar-height);display: flex;flex-direction: column;
 	.exam-body-box{
-		flex: 1;width: 92%;height: auto;background-color: rgba(255, 255, 255, 0.6);border-radius: 4px;
-		margin: 32rpx auto;position: relative;padding: 2%;box-sizing: border-box;display: flex;flex-direction: column;
+		flex: 1;width: 92%;height: auto;background-color: rgba(255, 255, 255, 0.6);border-radius: 10px;
+		margin: 32rpx auto;position: relative;padding: 10% 0 6%;box-sizing: border-box;display: flex;flex-direction: column;
 	}
 	.exam-body-box::before{
-		content: "";display: block;background-color: rgba(255, 255, 255, 0.8);
-		position: absolute;top: 2%;left: 3%;right: 3%;bottom: 2%;z-index: 1;
+		content: "";display: block;background-color: rgba(255, 255, 255, 0.6);border-radius: 0 0 10rpx 10rpx;
+		position: absolute;top: 20rpx;left: 20rpx;right: 20rpx;bottom: 30rpx;z-index: 1;
 	}
 	.ezy-exam-swiper{
-		flex: 1;z-index: 2;
+		width: 615rpx;flex: 1;z-index: 2;margin: 0 auto;
+		uni-swiper-item{overflow: auto;}
 	}
 	.exam-submit-btn{
 		width: 87rpx;height: 125rpx;@include ezy-no-repeat-cover;z-index: 2;
-		background-image: url("@/static/images/exam/submit-btn.png");
+		background-image: url("@/static/images/exam/submit-btn.png");margin: 10rpx 42rpx 0 auto;
+	}
+	.exam-tip-box{
+		width: 750rpx;height: 355.77rpx;@include ezy-no-repeat-cover;
+		background-image: url("@/static/images/exam/exam-tip-bj.png");
+		color: #036f6f;font-size: 32rpx;z-index: 3;padding: 180rpx 0 0 100rpx;
+		position: absolute;left: 0;right: 0;bottom: var(--window-bottom);
 	}
 }
 

components/question/danxuan.vue

@@ -5,11 +5,9 @@
 		<!-- 题干区域 -->
 		<view v-html="data.name" class="danxuan-question"></view>
 		<!-- 选项区域 -->
-		<view>
-			<view v-for="(item,index) in data.contents" :class="formatClass(index)" :key="index" @click="onSelect(index)">
-				<text>{{item.number}}</text>
-				<text>{{item.label}}</text>
-			</view>
+		<view v-for="(item,index) in data.contents" class="danxuan-option" :class="formatClass(index)" :key="index" @click="onSelect(index)">
+			<text>{{item.number}}.</text>
+			<text>{{item.label}}</text>
 		</view>
 	</view>
 </template>
@@ -79,14 +77,3 @@
 	}
 </script>
 
-<style lang="scss" scoped>
-	.active {
-		background-color: blue; // 单选题选中的颜色
-	}
-	.showError {
-		background-color: red; // 答案解析：单选错误选中颜色
-	}
-	.active_right {
-		background-color: green; // 答案解析：单选正确颜色
-	}
-</style>

pages/unitTest/index.vue

@@ -19,7 +19,7 @@
 			<view class="exam-submit-btn" v-if="isLast" 
 				@click="handleSubmit(uniPointsRef)"></view>
 		</view>
-		
+		<view class="exam-tip-box">左右滑动查看更多题目</view>
 
 		<!-- 答卷 -->
 		<chengji ref="chengjiRef" :list="list" :jieId="jieId" :zhangId="zhangId"