下载按钮的位置

src/views/share-merge-detail.vue

@@ -71,6 +71,10 @@
         >
           <span :class="{'focus': tabFlag}" @click="jumpIntro">简介</span>
           <span :class="{'focus': !tabFlag}" @click="jumpCatalogue">目录</span>
+          <div class="download-abs" @click="download">
+            <img src="../images/cme/course/pica-icon.png" alt="">
+            <span :class="{'short': needShort}">{{downloadTips}}</span>
+          </div>
         </div>
         <div v-show="fixedFlag" class="fixed-flag-height"></div>
         <div id="intro-content" class="intro-content">
@@ -199,10 +203,10 @@
       <CourseCovers isSingle coverTips="本课程为付费课程<br>学习完整版课程，请来云鹊医App购买" rightBtnText="APP购买更优惠" @btnClick="download(1)"></CourseCovers>
     </div>
 
-    <div class="download-abs" @click="download">
+    <!-- <div class="download-abs" @click="download">
       <img src="../images/cme/course/pica-icon.png" alt="">
       <span :class="{'short': needShort}">{{downloadTips}}</span>
-    </div>
+    </div> -->
   </div> 
 </template>
 <script>
@@ -1078,18 +1082,19 @@ export default {
   }
   .intro-catalogue-container {
     .title {
+      position: relative;
       height: 50px;
       line-height: 30px;
       padding: 0 15px;
       border-bottom: 1px solid #f0f1f2;
-      span {
+      & > span {
         display: inline-block;
         line-height: 15px;
         font-size: 15px;
         color: #979899;
         padding-right: 35px;
       }
-      span.focus {
+      & > span.focus {
         position: relative;
         color: #373839;
       }
@@ -1150,9 +1155,9 @@ export default {
 .download-abs {
   display: flex;
   // width: 100%;
-  position: fixed;
-  z-index: 1001;
-  top: 15px;
+  position: absolute;
+  // z-index: 1001;
+  top: 10px;
   right: 0;
   height: 30px;
   align-items: center;