教材返回移动端个人中心

src/components/Adult/Preview.vue

@@ -17,7 +17,7 @@
           <!-- 页眉 -->
           <div
             class="NNPE-title-left"
-            :style="{ fontSize: baseSizePhone + 4 + 'px' }"
+            :style="{ fontSize: baseSizePhone + 4 + 'px', width: titleWidth }"
           >
             <div
               v-for="(item, index) in cur.detailList"
@@ -178,6 +178,11 @@
           </div>
         </div>
       </div>
+      <i
+        class="el-icon-close go-back-person"
+        v-if="enterPage === 'mobilePerson'"
+        @click="goBackPerson"
+      ></i>
       <div class="operater-classTopic">
         <div
           v-if="isShowTitle && isPhone"
@@ -2635,7 +2640,9 @@ export default {
       themeColorPhoneIndex: localStorage.getItem("themeColorPhoneIndex")
         ? localStorage.getItem("themeColorPhoneIndex") * 1
         : 2, // 移动端主题色索引
-      themeColorPhoneFlag: false
+      themeColorPhoneFlag: false,
+      titleWidth: window.innerWidth - 60 + "px",
+      enterPage: this.$route.query.enterPage
     };
   },
   computed: {
@@ -3258,6 +3265,10 @@ export default {
       localStorage.setItem("themeColorPhoneIndex", index);
       localStorage.setItem("themeColorPhone", color);
       this.$emit("changeThemeColorPhone", color);
+    },
+    // 返回手机端练习题的个人中心
+    goBackPerson() {
+      location.href = `/GCLS-Mobile/#/pages/tabbar/person/index`;
     }
   } // 如果页面有keep-alive缓存功能，这个函数会触发
 };
@@ -3272,7 +3283,7 @@ export default {
   .NNPE-title {
     background: #e35454;
     border-radius: 0px 0px 16px 16px;
-    padding: 7px 24px 7px 30px;
+    padding: 1px 30px;
     position: relative;
     height: 64px;
     display: flex;
@@ -3321,9 +3332,11 @@ export default {
       font-size: 18px;
       line-height: 18px;
       align-items: center;
+      overflow: hidden;
       .NNPE-title-item {
         margin-right: 12px;
         width: max-content;
+        white-space: nowrap;
       }
       .content-con {
         margin: 4px 0;
@@ -3343,14 +3356,14 @@ export default {
       }
       .NNPE-title-item-en {
         font-weight: normal;
-        line-height: 12px;
+        line-height: 1;
         font-family: "robot";
         font-size: 12px;
         margin: 0;
       }
       .con-box {
         display: flex;
-        flex-flow: wrap;
+        // flex-flow: wrap;
         justify-content: center;
         align-items: flex-end;
         .con-item {
@@ -3412,7 +3425,7 @@ export default {
     width: 780px;
     margin: 24px auto 0 auto;
     text-align: center;
-    padding: 8px 24px;
+    padding: 8px 34px;
     span {
       font-size: 16px;
       line-height: 150%;
@@ -3852,6 +3865,16 @@ export default {
     }
   }
 }
+.go-back-person {
+  position: fixed;
+  top: 18px;
+  right: 0;
+  color: #fff;
+  font-weight: bold;
+  font-size: 20px;
+  z-index: 3;
+  padding: 5px;
+}
 </style>
 <style lang="scss">
 .NNPE-Book-content-item-checkbox {

src/components/Adult/phonePreview/VoiceMatrix.vue

@@ -862,7 +862,7 @@ export default {
 
 <style lang="scss" scoped>
 $select-color: #de4444;
-$border-color: #e6e6e6;
+$border-color: rgba(0, 0, 0, 0.1);
 
 $select-color-green: #24b99e;
 $select-color-green-bc: rgba(36, 185, 158, 0.25);