地方

src/components/index/scoreDetails/allGraspTheSituation.vue

@@ -7,9 +7,12 @@
 			<view class="allGraspTheSituation-num flex" v-for="(item,index) in ModuleList" :key="index">
 				<text class="name">{{item.Module}}</text>
 				<text class="Score">{{item.Score}}</text>
-                <text class="ScoreRate"
-                :class="item.ScoreRate<0.5?'failed':
-                (item.ScoreRate==1?'fullScore':'')">{{item.PScore.toFixed(0)}}<text></text></text>
+				<text class="ScoreRate" :class="item.ScoreRate<0.5?'failed':
+                (item.ScoreRate==1?'fullScore':'')">
+					{{item.PScore.toFixed(0)}}
+					<text>
+					</text>
+				</text>
 				<text class="AvgScoreRate">{{item.AvgScore.toFixed(0)}}<text></text></text>
 			</view>
 
@@ -28,7 +31,7 @@
 
 	export default {
 		props: {
-			ModuleList:[]
+			ModuleList: []
 		},
 		components: {},
 		setup() {
@@ -40,7 +43,7 @@
 				},
 				showPhone: false,
 				showLogin: true, //多次点击
-                TitleList:['考点','分数','个人得分','平均得分']
+				TitleList: ['考点', '分数', '个人得分', '平均得分']
 			});
 			return {
 				...toRefs(data),
@@ -49,39 +52,47 @@
 	};
 </script>
 <style scoped>
-    .allGraspTheSituation-num .ScoreRate.failed{
+	.allGraspTheSituation-num .ScoreRate.failed {
 		color: #EE8790;
 	}
-    .allGraspTheSituation-num .ScoreRate.failed text{
+
+	.allGraspTheSituation-num .ScoreRate.failed text {
 		color: #EE8790;
 	}
-    .allGraspTheSituation-num .ScoreRate.fullScore{
+
+	.allGraspTheSituation-num .ScoreRate.fullScore {
 		color: #4AC698;
 	}
-    .allGraspTheSituation-num .ScoreRate.fullScore text{
+
+	.allGraspTheSituation-num .ScoreRate.fullScore text {
 		color: #4AC698;
 	}
-    .allGraspTheSituation-num text text{
+
+	.allGraspTheSituation-num text text {
 		font-size: 20rpx;
 		margin-top: 10rpx;
 		margin-left: 5rpx;
 	}
-    .allGraspTheSituation-num text{
+
+	.allGraspTheSituation-num text {
 		flex: 0 0 25%;
 		font-size: 36rpx;
 		font-weight: 800;
 		font-style: italic;
 	}
-    .allGraspTheSituation-num .name{
+
+	.allGraspTheSituation-num .name {
 		font-size: 20rpx;
 		font-style: inherit;
 		font-weight: 400;
 		color: #282828;
 	}
-    .allGraspTheSituation-num:last-child{
+
+	.allGraspTheSituation-num:last-child {
 		margin-bottom: 44rpx;
 	}
-    .allGraspTheSituation-num{
+
+	.allGraspTheSituation-num {
 		flex: 1;
 		color: #282828;
 		font-weight: 400;
@@ -89,31 +100,36 @@
 		align-items: center;
 		margin-top: 41rpx;
 	}
-    .allGraspTheSituation-content{
+
+	.allGraspTheSituation-content {
 		flex-direction: column;
 		text-align: center;
 		font-size: 20px;
 		font-weight: 400;
 		color: #282828;
 	}
-    .allGraspTheSituation-title view:first-child{
+
+	.allGraspTheSituation-title view:first-child {
 		font-weight: bold;
 		color: #282828;
 	}
-    .allGraspTheSituation-title view{
+
+	.allGraspTheSituation-title view {
 		flex: 0 0 25%;
 		color: #A1A1A1;
 	}
-    .allGraspTheSituation-title{
+
+	.allGraspTheSituation-title {
 		flex-shrink: 0;
 		font-size: 20rpx;
 		font-weight: 400;
 		color: #282828;
 		padding: 41rpx 0 21rpx 0;
-        border-bottom:2rpx solid #EDEDED;
+		border-bottom: 2rpx solid #EDEDED;
 		text-align: center;
 	}
-    .allGraspTheSituation-box{
+
+	.allGraspTheSituation-box {
 		margin: 30rpx 50rpx 0 50rpx;
 		background: #FFFFFF;
 		box-shadow: 0px 6px 29px 0px rgba(76, 76, 76, 0.09);