样式

src/views/TextbookDetail.vue

@@ -1355,7 +1355,7 @@ export default {
     .header {
       font-size: 24px;
       font-weight: 400;
-      line-height: 60px;
+      line-height: 50px;
       text-align: center;
       color: #fff;
       background: rgba(240, 49, 49, 1);
@@ -1366,7 +1366,7 @@ export default {
       z-index: 1;
     }
     .main-phone-inner {
-      padding: 80px 20px 20px;
+      padding: 70px 20px 20px;
     }
     .bookDetail {
       width: 100%;

src/views/courseView.vue

@@ -48,6 +48,7 @@
         />
         <div class="moveBtn-nnpe" v-move></div>
       </div>
+      <i class="el-icon-close close-phone" v-if="isPhone" @click="back"></i>
       <div
         id="data-screen"
         :class="[
@@ -749,6 +750,16 @@ export default {
       background-size: 16px;
     }
   }
+  .close-phone {
+    position: fixed;
+    top: 10px;
+    right: 0;
+    z-index: 1;
+    font-size: 20px;
+    color: #fff;
+    cursor: pointer;
+    padding: 10px;
+  }
 }
 .img_url {
   width: 1000px;