试题样式修改

common/styles/global/components.scss

@@ -118,10 +118,57 @@ background-color: #3fd2a1;
 		.option-question{font-size: 32rpx;line-height: 1.6;margin-left: 6rpx;@include ezy-rich-text;
 		text-align: justify;word-wrap: break-word;word-break: break-all;display: block;}
 	}
-	.danxuan-option-box.active .option-change{color: #FFF;background-color:#0589e9;border-color:#0589e9;}
+	.danxuan-option-box.active .option-change{color: #FFF;background-color:#cbcbcb;border-color:#cbcbcb;}
 	.danxuan-option-box.showError .option-change{color: #FFF;background-color:#ff5757;border-color:#ff5757;}
 	.danxuan-option-box.active_right .option-change{color: #FFF;background-color:#1ac136;border-color:#1ac136;}
 }
+/***** 判断题 *****/
+.phone-duoxuan-box{
+	margin: 0 10rpx;
+	.duoxuan-option-box{
+		width: 100%;line-height:96rpx;border-radius: 8px;margin-bottom: 20rpx;
+		font-size: 32rpx;color: #666;box-sizing: border-box;padding: 10rpx 24rpx;
+		display: flex;
+		.option-change{
+			width: 48rpx;height: 48rpx;line-height: 48rpx;box-sizing: border-box;
+			flex-shrink: 0;border-radius: 50%;border: 1rpx solid;margin-right: 16rpx;
+			    display: flex;align-items: center;justify-content: center;
+			}
+		.option-question{font-size: 32rpx;line-height: 1.6;margin-left: 6rpx;@include ezy-rich-text;
+		text-align: justify;word-wrap: break-word;word-break: break-all;display: block;}
+	}
+	// active background-color:#0589e9;
+	.duoxuan-option-box.active .option-change{color: #FFF;background-color:#cbcbcb;border-color:#cbcbcb;}
+	.duoxuan-option-box.showError .option-change{color: #FFF;background-color:#ff5757;border-color:#ff5757;}
+	.duoxuan-option-box.active_right .option-change{color: #FFF;background-color:#1ac136;border-color:#1ac136;}
+}
+
+/***** 判断题 *****/
+.phone-panduan-box{
+	margin: 0 10rpx;
+	.panduan-option-box{
+		width: 100%;line-height:96rpx;border-radius: 8px;margin-bottom: 20rpx;
+		font-size: 32rpx;color: #666;box-sizing: border-box;padding: 10rpx 24rpx;
+		.option-question{font-size: 32rpx;line-height: 1.6;margin-left: 16rpx;margin-bottom: 24rpx;
+		text-align: justify;word-wrap: break-word;word-break: break-all;display: flex;
+		.uni-radio-input{margin-right: 20rpx;}
+		}
+	}
+	// active background-color:#0589e9;
+	.option-question.active .uni-radio-input{color: #FFF;background-color:#cbcbcb!important;border-color:#cbcbcb!important;}
+	.option-question.showError .uni-radio-input{color: #FFF;background-color:#ff5757!important;border-color:#ff5757!important;}
+	.option-question.active_right .uni-radio-input{color: #FFF;background-color:#1ac136!important;border-color:#1ac136!important;}
+}
+
+/***** 填空题 *****/
+.phone-tiankong-box{
+	.tiankong-option-box{
+		padding:0 40rpx;box-sizing: border-box;margin-bottom: 36rpx;
+		.option-question{font-size: 30rpx;color: #333;}
+		.option-question-text{font-size: 30rpx;color: #333;margin-top: 16rpx;background: #f0f0f0;padding: 10px;border-radius: 4px;}
+	}
+	
+}
 
 /***** 考试须知  *****/
 .phone-ksxz-dialog{

components/questions/duoxuan.vue

@@ -1,8 +1,10 @@
 <template>
 	<view v-if="question" class="phone-duoxuan-box">
-		<view>{{question.onlyNum}}、</view>
-		<!-- 题干区域 -->
-		<rich-text :nodes="data.name" class="phone-shiti-question"></rich-text>
+		<view class="phone-shiti-question">
+			<view>{{question.onlyNum}}、</view>
+			<!-- 题干区域 -->
+			<rich-text :nodes="data.name"></rich-text>
+		</view>
 		<!-- 选项区域 -->
 		<view v-for="(item,index) in data.contents" class="duoxuan-option-box" :class="formatClass(index)" :key="index">
 			<text class="option-change" @click="onSelect(index)">{{item.number}}</text>
@@ -83,9 +85,3 @@
 		}
 	}
 </script>
-
-<style lang="scss" scoped>
-	.active {
-		background-color: yellowgreen;
-	}
-</style>

components/questions/panduan.vue

@@ -1,10 +1,12 @@
 <template>
-	<view class="ezy-panduan-box">
-		<view>{{question.onlyNum}}、</view>
-		<!-- 题干区域 -->
-		<rich-text :nodes="question.name" class="ezy-shiti-question"></rich-text>
+	<view class="phone-panduan-box">
+		<view class="phone-shiti-question">
+			<view>{{question.onlyNum}}、</view>
+			<!-- 题干区域 -->
+			<rich-text :nodes="question.name"></rich-text>
+		</view>
 		<!-- 选项区域 -->
-		<radio-group @change="radioChange" class="danxuan-option-box">
+		<radio-group @change="radioChange" class="panduan-option-box">
 			<label class="option-question" :class="formatClass('1')">
 				<radio value="1" :disabled="showError" :checked="question.reply == '1'"/>
 				<view>正确</view>

components/questions/tiankong.vue

@@ -1,12 +1,14 @@
 <template>
 	<view v-if="question" class="phone-tiankong-box">
-		<view>{{question.onlyNum}}、</view>
-		<!-- 题干区域 -->
-		<rich-text :nodes="question.name" class="phone-shiti-question"></rich-text>
+		<view class="phone-shiti-question">
+			<view>{{question.onlyNum}}、</view>
+			<!-- 题干区域 -->
+			<rich-text :nodes="question.name"></rich-text>
+		</view>
 		<!-- 选项区域 -->
 		<view v-for="(item,index) in question.reply" class="tiankong-option-box" :key="index" :class="formatClass(index)">
-			<text>填空{{index+1}}:</text>
-			<input type="text" v-model="question.reply[index]" class="tk-answer-text" :placeholder="`请输入填空${index+1}答案`">
+			<text class="option-question">填空{{index+1}}:</text>
+			<input type="text" v-model="question.reply[index]" class="option-question-text" :placeholder="`请输入填空${index+1}答案`">
 		</view>
 	</view>
 </template>
@@ -31,13 +33,3 @@
 		}
 	}
 </script>
-
-<style lang="scss" scoped>
-	.tiankong-option-box {
-		margin-top: 10px;
-	}
-	.tk-answer-text {
-		border: 1px solid #ccc;
-		padding: 5px;
-	}
-</style>