答题对错提示

components/s-video/s-video.vue

@@ -11,6 +11,8 @@
 					<view class="anitem" @click="nextQuestion(item.outs[0], item)" v-for="(item, index) in answerList">
 						<image class="animg" src="/static/videos/skin_bg_1a.png"></image>
 						<view class="antxt">{{item.channel}}</view>
+						<view class="judd jdok"><image class="judimg" src="/static/images/icon-ok.png"></image></view>
+						<view class="judd jderr"><image class="judimg" src="/static/images/icon-err.png"></image></view>
 					</view>
 				</view>
 			</view>
@@ -205,20 +207,48 @@
 	.popup-layer .anitem {
 		position: relative;
 		margin: 80rpx;
-		width: 300rpx;
+		width: 600rpx;
 		height: 100rpx;
 		text-align: center;
 	}
 	
 	.popup-layer .anitem .animg {
 		width: 100%;
-		height: 100%;
+		height: 160rpx;
 	}
 	
 	.popup-layer .anitem .antxt {
 		position: absolute;
-		top: 30%;
+		top: 60%;
 		width: 100%;
+		font-size: 1.2rem;
+	}
+	
+	.judd {
+		position: absolute;
+		top: -20rpx;
+		right: -50rpx;
+		width: 100rpx;
+		height: 100rpx;
+		border-radius: 50%;
+	}
+	
+	.jdok {
+		background-color: rgba(3, 173, 55, .35);
+	}
+	
+	.jderr {
+		background-color: rgba(249, 21, 43, .35);
+	}
+	
+	.judd .judimg {
+		position: absolute;
+		top: 50%;
+		left: 50%;
+		-webkit-transform: translate(-50%, -50%);
+		transform: translate(-50%, -50%);
+		width: 50%;
+		height: 50%;
 	}
 	
 

components/tabbar/tabbar.vue

@@ -121,10 +121,11 @@
 		font-size: 24rpx;
 		font-family: Cochin, serif;
 		font-weight: 900;
+		color: #969696;
 	}
 
 	.TextColor {
 		@extend .Text;
-		color: #d81e06;
+		color: #2d78ff;
 	}
 </style>

subpkg/list/list.vue

@@ -126,7 +126,7 @@
 	}
 	.mainwrap3 {
 		top: 0;
-		height: calc(100% - 70px);
+		height: calc(100% - 200rpx);
 		overflow: hidden;
 	}
 	
@@ -147,16 +147,17 @@
    	}
    }
    .nav-list {
-	   position: relative;
+		position: relative;
-	   top: 50rpx;
+		top: 50rpx;
-       justify-content: space-around;
+		justify-content: space-around;
-       margin: 2% 3%;
+		margin: 4% 3%;
-	   width: 94%;
+		width: 94%;
-	   height: 70%;
+		height: 65%;
+		overflow-y: auto;
 	   
      .nav-img {
        width: 100%;
-       height: 200rpx;
+       height: 240rpx;
 	   margin-bottom: 10rpx;
 	   border-radius: 10px;
      }

subpkg/role/role.vue

@@ -5,7 +5,7 @@
 	    <view class="mainwrap3"> 
 	      <img src="/static/images/bg_role.jpg" alt="" />
 	      <view class="role_wrap">
-	        <view class="<strong>contit</strong>">请选择您在“<block style="color:#fd6d1f;">{{sceneName}}</block>”演练中的角色：</view>
+	        <view class="<strong>contit</strong>">请选择您在“<font style="color:#fd6d1f;">{{sceneName}}</font>”演练中的角色：</view>
 	        <view class="role_box"> 
 			   <block class="role-item" v-for="(item,i) in roleList" :key="i">
 				<span @click="startPractice(item)">{{item.name}}</span>
@@ -131,7 +131,8 @@
 .role_wrap {
 	position: absolute;
 	top: 47.5%;
-	width: 100%;
+	margin: 0 3%;
+	width: 94%;
 }
 
 .role_box {