tanxue 4 tygodni temu
rodzic
commit
ae4df8c22c

+ 23 - 8
common/styles/global/pages.scss

@@ -102,18 +102,33 @@
 	.kaoshi-bottom-box {
 		width: 100%;height: 100rpx;background-color: #f0f0f0;
 		display: flex;align-items: center;justify-content: space-between;
-		padding: 0 24rpx;box-sizing: border-box;position: fixed;bottom: var(--window-bottom);	
-		.bj-btn,.qb-btn,.jx-btn,.save-btn {height: 60rpx;line-height: 58rpx;box-sizing: border-box;display: flex;align-items: center;}
-		.bj-btn,.qb-btn {margin-left: unset;background: #FF9100;border-color: #FF9100;color: #fff;padding: 0 20rpx;}
+		padding: 0 24rpx;box-sizing: border-box;position: fixed;bottom: var(--window-bottom);
+		.save-btn-box{display: flex;align-items: center;}
+		.bj-btn,.qb-btn,.save-btn {height: 60rpx;line-height: 58rpx;color: #fff;font-size: 24rpx;
+		box-sizing: border-box;display: flex;align-items: center;padding: 0 16rpx;}
+		.bj-btn,.qb-btn {margin-left: unset;background: #FF9100;border-color: #FF9100;color: #fff;margin: 0;}
 		.bj-btn::before,.qb-btn::before{content: '';width: 28rpx;height: 28rpx;display: inline-block;margin-right: 6rpx;}
 		.bj-btn::before{background-image: url("@/static/images/exam/mark1-sj.svg");}
 		.qb-btn::before{background-image: url("@/static/images/exam/mark2-sj.svg");}
-		.jx-btn,.save-btn {margin-right: unset;}
-		.shiti-num-icon {width: 27px;height: 24px;vertical-align: middle;@include ezy-no-repeat-cover();}
-		.active-num {color: #30c190;}
+		.save-btn{margin-left:auto;background-color: #0856e6;border-color: #0856e6;}
+		.save-btn + .save-btn{margin-left: 20rpx;}
+		.shiti-num-box{
+			display: flex;align-items: center;
+			.shiti-num-icon {width: 56rpx;height: 56rpx;@include ezy-no-repeat-cover();
+			background-image: url("@/static/images/exam/answer-carts-sj.svg");margin-right: 8rpx;}
+			.active-num {color: #000;}
+		}
+		
 	}	
-	.ks-btn-prev {position: fixed;bottom: 130rpx;left: 24rpx;}
-	.ks-btn-next {position: fixed;bottom: 130rpx;right: 24rpx;}
+	.ks-btn-prev,.ks-btn-next{border:1rpx solid #0856e6;background-color: #F2F7FF;color: #0856e6;padding: 0 16rpx;}
+	.ks-btn-prev::before,.ks-btn-next::after{
+		content: '';width: 20rpx;height: 20rpx;display: inline-block;@include ezy-no-repeat-cover();
+		background-image: url("@/static/images/exam/icon-jiantou-sj.svg");}
+	.ks-btn-prev::before{transform: rotate(180deg);margin-right: 8rpx;;}
+	.ks-btn-prev::after{display: none;}
+	.ks-btn-next::after{transform:unset;border: 0;position: unset;margin-left: 8rpx;}
+	.ks-btn-prev {position: fixed;bottom: 140rpx;left: 24rpx;}
+	.ks-btn-next {position: fixed;bottom: 140rpx;right: 24rpx;}
 }
 	
 // 我的

+ 6 - 4
pages/exam/exam.vue

@@ -49,10 +49,12 @@
 				<icon class="shiti-num-icon"></icon>
 				<text class="active-num">{{answercartsCount}}</text>/<text>{{data.StListForSearch.length}}</text>
 			</view>
-			<button class="phone-green-btn save-btn" hover-class="none" type="default" size="mini"
-				@click="handleSave(true)">保存</button>
-			<button @click="handleJiaojuan" class="phone-green-btn save-btn" hover-class="none" type="default" size="mini">
-				交卷并查看成绩</button>
+			<view class="save-btn-box">
+				<button class="phone-green-btn save-btn" hover-class="none" type="default" size="mini"
+					@click="handleSave(true)">保存</button>
+				<button @click="handleJiaojuan" class="phone-green-btn save-btn" hover-class="none" type="default" size="mini">
+					交卷并查看成绩</button>
+			</view>
 		</view>
 		<template v-if="activeSt">
 			<button type="default" size="mini" hover-class="none" class="phone-green-btn ks-btn-prev"

+ 6 - 0
static/images/exam/icon-jiantou-sj.svg

@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" viewBox="0 0 8 8">
+  <g fill="#0856e6">
+    <path d="M3.8611022,7.13508541 C3.9785763,7.26047141 4.02633893,7.44784825 3.98581816,7.62435666 C3.94529739,7.80086507 3.82288751,7.93865151 3.66618616,7.98413934 C3.50948481,8.02962718 3.34321992,7.97563831 3.23204162,7.84316565 L0.131038778,4.34934871 C0.0471731967,4.25563126 0,4.1280591 0,3.99497585 C0,3.8618926 0.0471731967,3.73432043 0.131038778,3.64060299 L3.23204162,0.14678604 C3.40575191,-0.0489286821 3.68739192,-0.0489286797 3.8611022,0.146786045 C4.03481248,0.342500771 4.03481248,0.659817035 3.8611022,0.855531763 L1.07019964,3.99530859 L3.8611022,7.13441993 L3.8611022,7.13508541 Z" transform="matrix(-1 0 0 1 4 0)"/>
+    <path d="M7.8611022,7.13508541 C7.9785763,7.26047141 8.02633893,7.44784825 7.98581816,7.62435666 C7.94529739,7.80086507 7.82288751,7.93865151 7.66618616,7.98413934 C7.50948481,8.02962718 7.34321992,7.97563831 7.23204162,7.84316565 L4.13103878,4.34934871 C4.0471732,4.25563126 4,4.1280591 4,3.99497585 C4,3.8618926 4.0471732,3.73432043 4.13103878,3.64060299 L7.23204162,0.14678604 C7.40575191,-0.0489286821 7.68739192,-0.0489286797 7.8611022,0.146786045 C8.03481248,0.342500771 8.03481248,0.659817035 7.8611022,0.855531763 L5.07019964,3.99530859 L7.8611022,7.13441993 L7.8611022,7.13508541 Z" transform="matrix(-1 0 0 1 12 0)"/>
+  </g>
+</svg>