1

src/components/subject/readingCompre.vue

@@ -5,28 +5,48 @@
       <view class="name">
         <view>
           {{ changeNumToHan(sortIndex) }}、{{ data.GroupName }}
-					<text style="color:#999999;">（共{{data.DetailsList.length}}道,{{Score}}分）</text>
+          <text style="color: #999999"
+            >（共{{ data.DetailsList.length }}道,{{ Score }}分）</text
+          >
         </view>
         <view>
-					<text class="Single_Before">{{ExamIndex}}</text>/<text
-						class="Exam_Total">{{data.DetailsList.length}}</text>
+          <text class="Single_Before">{{ ExamIndex }}</text
+          >/<text class="Exam_Total">{{ data.DetailsList.length }}</text>
         </view>
       </view>
-			<swiper class="swiper-box" :autoplay="autoplay" :current="current" @change="onchange">
+      <swiper
+        class="swiper-box"
+        :autoplay="autoplay"
+        :current="current"
+        @change="onchange"
+      >
         <swiper-item></swiper-item>
-				<swiper-item v-for="(item1, index1) in data.DetailsList" :key="item1.id">
+        <swiper-item
+          v-for="(item1, index1) in data.DetailsList"
+          :key="item1.id"
+        >
           <view class="item1">
             <view class="flex flex_start_center">
               <view>{{ index1 + 1 }}、</view>
               <view class="num readTitle" v-html="item1.Title"></view>
             </view>
 
-						<view v-for="(item2, index2) in item1.QuestionContentObj" :key="item2.id"
-							class="flex item2 flex_start_center">
-							<view class="chooseNum" :class="{ myAnswer: item1.myAnswer === item2.Name }"
-								@click="change(index1, index2)">{{ item2.Name }}
+            <view
+              v-for="(item2, index2) in item1.QuestionContentObj"
+              :key="item2.id"
+              class="flex item2 flex_start_center"
+            >
+              <view
+                class="chooseNum"
+                :class="{ myAnswer: item1.myAnswer === item2.Name }"
+                @click="change(index1, index2)"
+                >{{ item2.Name }}
               </view>
-							<view class="chooseName" @click="change(index1, index2)" v-html="item2.Content"></view>
+              <view
+                class="chooseName"
+                @click="change(index1, index2)"
+                v-html="item2.Content"
+              ></view>
             </view>
           </view>
         </swiper-item>
@@ -38,7 +58,7 @@
 </template>
 
 <script>
-	import {
+import {
   ref,
   reactive,
   toRefs,
@@ -47,20 +67,15 @@
   watch,
   computed,
   onMounted,
-	} from "vue";
-	import {
-		changeNumToHan
-	} from "../../utils/index";
-	export default {
+} from "vue";
+import { changeNumToHan } from "../../utils/index";
+export default {
   props: {
     paperData: Object,
-			sort: Number
+    sort: Number,
   },
   setup(props, context) {
-			let {
-				ctx
-			} = getCurrentInstance();
-
+    let { ctx } = getCurrentInstance();
     let data = reactive({
       autoplay: false,
       sortIndex: props.sort + 1,
@@ -69,6 +84,10 @@
       current: 1, //默认从第几个开始-用于从快捷菜单点入
       ExamIndex: 1, //第几题
     });
+    data.data.DetailsList.forEach((item) => {
+      item.Title = item.Title.replace(/\<img/gi, '<img style="max-width:100%"');
+      console.log(90, item.Title);
+    });
 
     let methods = {
       changeNumToHan,
@@ -88,35 +107,35 @@
       //获取总分
       getScore() {
         data.Score = 0;
-					data.data.DetailsList.forEach(x => {
+        data.data.DetailsList.forEach((x) => {
           data.Score += parseFloat(x.Score);
-					})
+        });
       },
       onchange(e) {
         data.ExamIndex = e.detail.current;
         if (data.ExamIndex === data.data.DetailsList.length + 1) {
-						console.log('进入')
-						this.$emit('getAfterTopic');
+          console.log("进入");
+          this.$emit("getAfterTopic");
         }
         if (e.detail.current == 0) {
-						this.$emit('getBeforeTopic');
-					}
+          this.$emit("getBeforeTopic");
         }
+      },
     };
     onMounted(() => {
-				console.log(props.paperData, 'props.paperData');
+      console.log(props.paperData, "props.paperData");
       that.getScore();
-			})
+    });
     let that = methods;
     return {
       ...toRefs(data),
       ...methods,
     };
   },
-	};
+};
 </script>
 <style scoped>
-	.name {
+.name {
   height: 90rpx;
   font-size: 28rpx;
   font-family: PingFang SC;
@@ -125,54 +144,54 @@
   display: flex;
   align-items: center;
   justify-content: space-between;
-	}
+}
 
-	.Single_Before {
+.Single_Before {
   font-size: 28rpx;
   font-weight: bold;
-		color: #DA7878;
-	}
+  color: #da7878;
+}
 
-	.Exam_Total {
+.Exam_Total {
   font-size: 25rpx;
   color: gray;
-	}
+}
 
-	.swiper-box {
+.swiper-box {
   height: calc(100vh - 270rpx);
   box-sizing: border-box;
-	}
+}
 
-	.num {
+.num {
   font-size: 26rpx;
   font-family: PingFang SC;
   font-weight: bold;
   color: #111111;
-	}
-	.readTitle img{
-		max-width:100%;
-	}
-	.item {
+}
+.readTitle img {
+  max-width: 100%;
+}
+.item {
   /* margin-bottom: 40rpx; */
   position: relative;
-	}
+}
 
-	.item1 {
+.item1 {
   /* margin: 25rpx 0; */
   align-items: center;
-	}
+}
 
-	.item2 {
+.item2 {
   padding-left: 25rpx;
   margin: 30rpx 0;
-	}
+}
 
-	.myAnswer {
+.myAnswer {
   background-color: #00acf9 !important;
   color: #ffffff !important;
-	}
+}
 
-	.chooseNum {
+.chooseNum {
   width: 40rpx;
   height: 40rpx;
   text-align: center;
@@ -184,12 +203,12 @@
   font-family: PingFang SC;
   font-weight: bold;
   color: #111111;
-	}
+}
 
-	.chooseName {
+.chooseName {
   font-size: 24rpx;
   font-family: PingFang SC;
   font-weight: 500;
   color: #111111;
-	}
+}
 </style>