1

src/components/subject/SingleChoiceNumber.vue

 <template>
-  <!-- 单选题 数字-->
+  <!-- 单选题 -->
   <view>
-    <view class="item">
+    <view class="item" style="padding: 0 20px">
       <view class="name">
         <view>
           {{ changeNumToHan(sortIndex) }}、{{ data.GroupName }}
@@ -19,12 +19,12 @@
         :autoplay="autoplay"
         :current="current"
         @change="onchange"
+        :skip-hidden-item-layout="true"
       >
-        <swiper-item v-if="sortIndex != 1"></swiper-item>
-        <swiper-item
-          v-for="(item1, index1) in data.DetailsList"
-          :key="item1.id"
-        >
+        <swiper-item>
+          <!-- 第一页 -->
+        </swiper-item>
+        <swiper-item v-for="(item1, index1) in data.DetailsList" :key="index1">
           <view class="item1">
             <view class="flex flex_start_center">
               <view class="num" v-html="item1.Title"></view>
@@ -32,24 +32,26 @@
 
             <view
               v-for="(item2, index2) in item1.QuestionContentObj"
-              :key="item2.id"
+              :key="index2"
               class="flex item2 flex_start_center"
             >
               <view
                 class="chooseNum"
-                :class="{ myAnswer: item1.myAnswer === item2.Name }"
-                @click="change(index1, index2)"
-                >{{ item2.Name }}
+                :class="{ myAnswer: item2.IsAnswer }"
+                @click="change(item1, item2)"
+                >{{ item2.ShowName }}
               </view>
               <view
                 class="chooseName"
-                @click="change(index1, index2)"
+                @click="change(item1, item2)"
                 v-html="item2.Content"
               ></view>
             </view>
           </view>
         </swiper-item>
-        <swiper-item v-if="sortIndex != sortTotal"></swiper-item>
+        <swiper-item v-if="sortIndex != sortTotal">
+          <!-- 最后一页 -->
+        </swiper-item>
       </swiper>
     </view>
     <van-toast id="van-toast" />
@@ -77,16 +79,15 @@ export default {
   },
   setup(props, context) {
     let { ctx } = getCurrentInstance();
-
     let data = reactive({
       autoplay: false,
-      data: props.paperData,
       sortIndex: props.sort + 1, //大题序号
       sortTotal: props.sortTotal, //总共多少道大题
-      current: 0, //默认从第几个开始-用于从快捷菜单点入
+      data: props.paperData,
+      current: 1, //默认从第几个开始-用于从快捷菜单点入
       ExamIndex: 1, //第几题
     });
-
+    console.log(77, data.sortIndex != 1, data.sortIndex != data.sortTotal);
     let methods = {
       changeNumToHan,
       jumpPage() {
@@ -98,20 +99,31 @@ export default {
         uni.navigateBack();
       },
       //选题
-      change(index1, index2) {
-        data.data.DetailsList[index1].myAnswer =
-          data.data.DetailsList[index1].QuestionContentObj[index2].Name;
+      change(item1, item2) {
+        item1.QuestionContentObj.map((e) => {
+          if (e.Name == item2.Name) {
+            e.IsAnswer = true;
+          } else {
+            e.IsAnswer = false;
+          }
+        });
       },
       onchange(e) {
-        data.ExamIndex = e.detail.current + 1;
+        if (data.sortIndex == 1) {
+          data.ExamIndex = e.detail.current;
+        }
         if (data.ExamIndex === data.data.DetailsList.length + 1) {
+          console.log("单选", e.detail);
           this.$emit("getAfterTopic");
         }
+        if (e.detail.current == 0 && data.sortIndex != 1) {
+          this.$emit("getBeforeTopic");
+        }
       },
     };
     onMounted(() => {
       if (props.isLast) {
-        data.current = data.data.DetailsList.length - 1;
+        data.current = props.paperData.DetailsList.length;
       }
     });
     let that = methods;
@@ -146,11 +158,8 @@ export default {
 }
 
 .swiper-box {
-  /* height: calc(100vh - 250rpx - constant(safe-area-inset-top, 40rpx)); */
   height: calc(100vh - 270rpx);
   box-sizing: border-box;
-  /* padding-bottom: env(safe-area-inset-top, 40rpx); */
-  /* background-color: #f00; */
 }
 
 .num {

src/static/font/iconfont.css

 @font-face {
   font-family: "iconfont"; /* Project id 2734547 */
-  src: url('//at.alicdn.com/t/font_2734547_pm8b8gxb0qp.woff2?t=1628578983453') format('woff2'),
-       url('//at.alicdn.com/t/font_2734547_pm8b8gxb0qp.woff?t=1628578983453') format('woff'),
-       url('//at.alicdn.com/t/font_2734547_pm8b8gxb0qp.ttf?t=1628578983453') format('truetype');
+  src: url('//at.alicdn.com/t/font_2734547_dxj3l449tva.woff2?t=1631176297771') format('woff2'),
+       url('//at.alicdn.com/t/font_2734547_dxj3l449tva.woff?t=1631176297771') format('woff'),
+       url('//at.alicdn.com/t/font_2734547_dxj3l449tva.ttf?t=1631176297771') format('truetype');
 }
 
 .iconfont {
@@ -13,6 +13,10 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+.icon-caidanzu:before {
+  content: "\e647";
+}
+
 .icon-Text1:before {
   content: "\e71c";
 }