资源位样式调整

src/assets/styles/portal-index.scss

@@ -118,7 +118,8 @@
 .portal-images-title{
   display: inline-block;
   vertical-align: top;
-  padding: 4px 12px;
+  padding: 2px 12px;
+  line-height: 24px;
   }
   /**滚动条的宽度*/
 ::-webkit-scrollbar {

src/views/portal/article/Detail.vue

@@ -76,7 +76,7 @@
                     </ul>
               </div>
               <div class="course-resources">
-                资源位
+                <!-- 资源位 -->
                 <img :src="fileBaseUrl + resonimg.image" alt="">
               </div>
           </div>
@@ -260,9 +260,11 @@ export default {
 <style scoped lang="scss">
 .course-resources{
   width: 410px;
+  margin-top: 26px;
   img{
     width: 100%;
     height: 100%;
+    border-radius: 8px;
   }
 }
 

src/views/portal/article/Index.vue

@@ -122,7 +122,7 @@
                     </ul>
               </div>
               <div class="course-resources">
-                资源位
+                <!-- 资源位 -->
                 <img :src="fileBaseUrl + resonimg.image" alt="">
               </div>
           </div>
@@ -420,10 +420,12 @@ export default {
 
 <style scoped lang="scss">
 .course-resources{
+  margin-top: 26px;
   width: 410px;
   img{
     width: 100%;
     height: 100%;
+    border-radius: 8px;
   }
 }
   .article-banner{

src/views/portal/case/Detail.vue

@@ -146,7 +146,7 @@
               </ul>
             </div>
              <div class="course-resources">
-                资源位
+                <!-- 资源位 -->
                 <img :src="fileBaseUrl + resonimg.image" alt="">
               </div>
            </div>
@@ -495,9 +495,11 @@ export default {
 <style scoped lang="scss">
 .course-resources{
   width: 410px;
+  margin-top: 26px;
   img{
     width: 100%;
     height: 100%;
+    border-radius: 8px;
   }
 }
 .pdftext{

src/views/portal/case/Index.vue

@@ -184,7 +184,7 @@
                 </ul>
               </div>
                <div class="course-resources">
-                资源位
+                <!-- 资源位 -->
                 <img :src="fileBaseUrl + resonimg.image" alt="">
               </div>
            </div>
@@ -735,9 +735,11 @@ export default {
 <style scoped lang="scss">
 .course-resources{
   width: 410px;
+  margin-top: 26px;
   img{
     width: 100%;
     height: 100%;
+    border-radius: 8px;
   }
 }
   .case-banner{

src/views/portal/course/Index.vue

@@ -161,10 +161,7 @@
                           <interactBar :type="1" :data="item" :couseViews="true" :shares="false" :views="false"></interactBar>
                          </div>
                       </div>
-                        
-
                    </li>
-                   
                 </ul>
               </div>
             <div style="margin-top:26px" class="ranking-card portal-right-box list-bg1">
@@ -231,8 +228,8 @@
                          <span class="portal-right-text" v-if="index==4">
                              <img src="/images/list05.png" alt="">
                         </span>
-                        <span class="portal-title-desc title-line-ellipsis" v-if="item.images == ''" style="font-size: 14px;">{{ item.courseName }}</span>
+                        <span class="portal-title-desc title-line-ellipsis list-lidex" v-if="item.images == ''" style="font-size: 14px;">{{ item.courseName }}</span>
-                        <span class="portal-title-desc" v-else style="font-size: 14px;">
+                        <span class="portal-title-desc span" v-else style="font-size: 14px;">
                           <img style="width:96px;height:52px" :src="fileBaseUrl + item.images" alt=""/>
                           <span class="portal-images-title two-line-ellipsis">{{ item.courseName }}</span>
                         </span>
@@ -257,7 +254,7 @@
                 </ul>
               </div>
               <div class="course-resources">
-                资源位
+                <!-- 资源位 -->
                 <img :src="fileBaseUrl + resonimg.image" alt="">
               </div>
             </div>
@@ -458,9 +455,9 @@ export default {
           this.loadMore();
         }
       }
-      if (scrollTop > 630) {
+      if (scrollTop > 830) {
         document.querySelector("#fixd-box").style.cssText =
-          "position: fixed;top: -550px;width:242.5px";
+          "position: fixed;top: -830px;width:242.5px";
       } else {
         document.querySelector("#fixd-box").style.cssText = "position: static";
       }
@@ -834,11 +831,18 @@ export default {
 </script>
 
 <style scoped lang="scss">
+  .list-lidex{
+    display: inline-block;
+    display: flex;
+  }
 .course-resources{
   width: 410px;
+  margin-top: 24px;
+  
   img{
     width: 100%;
     height: 100%;
+    border-radius: 8px;
   }
 }
 .course-card{
@@ -926,6 +930,9 @@ export default {
 }
 .list-info{
   position: relative;
+  .span{
+    display: flex;
+  }
 }
 .list-info:hover .list-active{
   // transition: all 0.5s;

src/views/portal/qa/Answer.vue

@@ -272,7 +272,7 @@
                         </ul>
                     </div>
                      <div class="course-resources">
-                        资源位
+                        <!-- 资源位 -->
                         <img :src="fileBaseUrl + resonimg.image" alt="">
                       </div>
             </div>
@@ -830,9 +830,11 @@ export default {
 <style scoped lang="scss">
 .course-resources{
   width: 410px;
+  margin-top: 26px;
   img{
     width: 100%;
     height: 100%;
+    border-radius: 8px;
   }
 }
 ::v-deep .checked-show {

src/views/portal/qa/Index.vue

@@ -104,7 +104,7 @@
                         </ul>
                     </div>
                       <div class="course-resources">
-                        资源位
+                        <!-- 资源位 -->
                         <img :src="fileBaseUrl + resonimg.image" alt="">
                       </div>
                   </div>
@@ -443,7 +443,9 @@ export default {
 }
 .course-resources{
   width: 410px;
+  margin-top: 26px;
   img{
+    border-radius: 8px;
     width: 100%;
     height: 100%;
   }