修改教师节

src/assets/styles/portal.scss

@@ -473,9 +473,13 @@ body {margin: 0px;padding: 0px;}
   .xcontent{width: 1366px;}
   .xcontent2{
     width: 1366px;
+    //后添加的教师节
     .list {
       grid-template-columns: repeat(4, 332px);
     }
+    .liList{
+      margin-top: 10px;
+    }
   }
   .rankimg{
     width:76px;
@@ -522,6 +526,9 @@ body {margin: 0px;padding: 0px;}
     .list {
       grid-template-columns: repeat(4, 400px);
     }
+    .liList{
+      margin-top: 24px;
+    }
   }
   .rankimg{
     width:86px;
@@ -567,6 +574,9 @@ body {margin: 0px;padding: 0px;}
     .list {
       grid-template-columns: repeat(4, 445px);
     }
+    .liList{
+      margin-top: 32px;
+    }
   }
   .home-page-right{
     width: 395px;

src/views/grateful/GratefulHomePage.vue

@@ -15,9 +15,9 @@
                     <p class="ranking-title">通知</p>
                     <router-link to="/grateful/gratefulNotice" style="font-size: 14px;">查看更多</router-link>
                   </div>
-                  <ul class="ranking-data">
+                  <ul>
                     <li v-for="(item, index) in 6" :key="index"
-                      style="cursor: pointer;margin-top:10px;line-height: 22px;">
+                      style="cursor: pointer;line-height: 22px;" class="liList">
                       <router-link :to="'/case/detail?id=' + item.id" style="display: flex;align-items: center;">
                         <span class="portal-right-text blue-one">
                           <img :src="getPic(index)" alt="">
@@ -40,9 +40,9 @@
                     <p class="ranking-title">工具下载</p>
                     <router-link to="/grateful/toolDown" style="font-size: 14px;">查看更多</router-link>
                   </div>
-                  <ul class="ranking-data">
+                  <ul>
-                    <li v-for="(item, index) in 6" :key="index" style="cursor: pointer;margin-top:10px;line-height: 22px;"
+                    <li v-for="(item, index) in 6"  :key="index" style="cursor: pointer;line-height: 22px;"
-                      class="title-line-ellipsis">
+                      class="title-line-ellipsis liList">
                       <router-link :to="'/case/detail?id=' + item.id">
                         <span class="portal-right-text orange-one" v-if="index == 0">
                           <img :src="`${webBaseUrl}/images/list-01.png`" alt="">
@@ -290,9 +290,8 @@ export default {
 
 .gratefulNav {
   display: grid;
-  grid-template-columns: 1.6fr 1fr 1fr;
+  grid-template-columns: 1.5fr 1fr 1fr;
-  column-gap: 60px;
+  column-gap: 40px;
-
   .navImg {
     img {
       width: 100%;

src/views/grateful/GratefulNotice.vue

@@ -24,7 +24,7 @@
 
           </div>
         </div>
-        <div class="xcontent2-minor" style="margin-left: 25px;">
+        <!-- <div class="xcontent2-minor" style="margin-left: 25px;">
           <div class="portal-ranking ranking-bg">
             <p class="ranking-title">教师赋能排行榜</p>
             <ul class="xindex-ranking-course">
@@ -39,7 +39,7 @@
               </li>
             </ul>
           </div>
-        </div>
+        </div> -->
       </div>
     </div>
   </div>

src/views/grateful/NoticeDetail.vue

@@ -20,7 +20,7 @@
             <div class="noticeContent">--内容列表内容--</div>
           </div>
         </div>
-        <div class="xcontent2-minor" style="margin-left: 25px">
+        <!-- <div class="xcontent2-minor" style="margin-left: 25px">
           <div class="portal-ranking ranking-bg">
             <p class="ranking-title">重要通知</p>
             <ul class="xindex-ranking-course">
@@ -35,7 +35,7 @@
               </li>
             </ul>
           </div>
-        </div>
+        </div> -->
       </div>
     </div>
   </div>

src/views/grateful/ToolDown.vue

@@ -25,7 +25,7 @@
             </pagination>
           </div>
         </div>
-        <div class="xcontent2-minor" style="margin-left: 25px">
+        <!-- <div class="xcontent2-minor" style="margin-left: 25px">
           <div class="portal-ranking ranking-bg">
             <p class="ranking-title">教师赋能排行榜</p>
             <ul class="xindex-ranking-course">
@@ -40,7 +40,7 @@
               </li>
             </ul>
           </div>
-        </div>
+        </div> -->
       </div>
     </div>
   </div>

src/views/grateful/index.vue

@@ -1,7 +1,15 @@
 <template>
   <div>
-    <div class="grateful header" v-if="$route.meta.hidden">
+    <div class="grateful header" style="margin-bottom:30px" v-if="$route.meta.hidden">
-      <img src="../../assets/images/grateful/gratefulbanner.png" alt="" />
+      <div class="portal-header">
+        <div class="portal-top" style="color: #fff;">
+          <div class="portal-top-left">
+            <div class="portal-top-logo">
+              <img src="../../assets/logo/logo-white.png" style="width:160px;height: 27px;" />
+            </div>
+          </div>
+        </div>
+      </div>
     </div>
     <div class="course-banner" v-if="!$route.meta.hidden">
       <div id="container" style="z-index: 99" v-if="resonimg.length == 1">
@@ -97,12 +105,31 @@ export default {
 }
 
 .header {
-  &::before {
+  height: 240px;
-    content: url('../../assets/images/grateful/logo.png');
+  background: url('../../../public/images/courseBg.png') no-repeat;
-    position: absolute;
+  background-size: 100% 100%;
-    top: 30px;
+  .portal-header {
-    left: 40px;
+    height: 72px;
+    display: flex;
+    background: rgba(255, 255, 255, 0.1);
+    border: 1px solid rgba(61, 61, 61, 0.15);
+    backdrop-filter: blur(10px);
+
+    .portal-top {
+      width: 100%;
+      margin: 0px 40px;
+      display: flex;
+      justify-content: space-between;
+
+      .portal-top-left {
+        display: flex;
+        justify-content: flex-start;
+        align-items: center;
+      }
+    }
   }
+
+
 }
 
 .bannbox {