update

src/components/layout/Header.vue

@@ -17,7 +17,9 @@ const logout = async () => {
   <header class="app-header">
     <div class="app-header-left">
       <div class="logo">
-        <router-link to="/"><img src="https://zws-imgs-pub.oss-cn-beijing.aliyuncs.com/pc/base/ezijing-logo-white.svg" /></router-link>
+        <router-link to="/"
+          ><img src="https://zws-imgs-pub.oss-cn-beijing.aliyuncs.com/pc/base/ezijing-logo-white.svg"
+        /></router-link>
       </div>
       <h1 class="app-name">数字技能实训中心</h1>
     </div>
@@ -62,7 +64,7 @@ const logout = async () => {
   align-items: center;
   justify-content: space-between;
   height: 64px;
-  background-color: #AB0A3D;
+  background-color: #ab0a3d;
   border-bottom: 1px solid #e6e6e6;
   .logo {
     width: 1.2rem;
@@ -95,7 +97,7 @@ const logout = async () => {
     padding: 0 34px;
     &.is-active {
       color: #fff;
-      background-color: #C30B45;
+      background-color: #c30b45;
     }
   }
 }

src/modules/course/views/CourseIndex.vue

@@ -75,6 +75,7 @@ log.upload({
   }
   .course-right {
     margin-left: 0;
+    width: -webkit-fill-available;
   }
   .is-list {
     .course-right {

src/modules/course/views/CourseView.vue

@@ -96,7 +96,7 @@ const handleDetail = function () {
   <div class="course-view" v-loading="loading">
     <div :class="detailFlag ? 'flex active' : 'flex'">
       <div class="course-view-h">
-        <div class="view-h-l">
+        <div class="view-h-l" v-if="!mobile">
           <img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/pages/campbellsville/20220804/lc23925.png" />
           <div class="btn" @click="handleStudy">立即学习</div>
         </div>
@@ -140,7 +140,7 @@ const handleDetail = function () {
           </div>
         </div>
       </div>
-      <div class="course-view-teacher">
+      <div class="course-view-teacher" v-if="!mobile">
         <div class="teacher-hd">课程讲师</div>
         <div class="teacher-content">
           <div class="teacher-content-item" v-for="item in props.data?.lecturers" :key="item.id">
@@ -556,52 +556,6 @@ const handleDetail = function () {
   color: #edeef2;
 }
 
-.is-h5 {
-  .course-view-h {
-    display: block;
-  }
-  .view-h-l {
-    width: 120px;
-    .btn {
-      position: absolute;
-      left: 145px;
-      top: 80px;
-      width: 2rem;
-    }
-  }
-  .course-view-r__info {
-    position: absolute;
-    right: 0;
-    top: 20px;
-    left: 145px;
-  }
-  .course-view-content {
-    flex-direction: column;
-  }
-  .course-view-teacher {
-    width: auto;
-    margin-left: 0;
-    margin-bottom: 0.2rem;
-    order: -1;
-    padding: 0 13px 13px;
-  }
-  .teacher-hd {
-    font-size: 14px;
-  }
-  .teacher-content {
-    display: flex;
-    .box {
-      margin-left: 10px;
-      flex: 1;
-      .name,
-      .desc {
-        margin: 0;
-        text-align: left;
-      }
-    }
-  }
-}
-
 .view-btn {
   position: absolute;
   bottom: -48px;
@@ -638,4 +592,11 @@ const handleDetail = function () {
     }
   }
 }
+
+.is-h5 {
+  .view-btn{
+    right: 50%;
+    transform: translateX(50%);
+  }
+}
 </style>