首页

src/views/grateful/GratefulHomePage.vue

@@ -62,10 +62,6 @@
                         </router-link>
                       </li>
                     </ul>
-                  <div v-if="courseList.noticeList.length <=3" style="flex: 1;display: flex; align-items: flex-end;">
-                    <img src="../../assets/images/grateful/notice.png" class="noticeImg" style="width: 100%;"
-                      alt="">
-                  </div>
                 </div>
               </div>
             </div>
@@ -102,15 +98,6 @@
                       <span class="portal-title-desc" style="font-size: 14px;">{{ item.name.split('.')[0] }}</span>
                     </li>
                   </ul>
-                  <div v-if="courseList.toolList.length <= 4"
-                    style="flex: 1; display: flex;justify-content: space-between; align-items: flex-end;">
-                    <img class="toolImg"  src="../../assets/images/grateful/tool1.png"
-                      alt="">
-                    <img class="toolImg"  src="../../assets/images/grateful/tool2.png"
-                      alt="">
-                    <img class="toolImg"  src="../../assets/images/grateful/tool3.png"
-                      alt="">
-                  </div>
                 </div>
               </div>
             </div>
@@ -172,11 +159,7 @@
       <div class="dialogContent">
         <div class="dialogTop">
           <div class="words">
-            <div>欢迎留下您的宝贵意见，</div>
-            <div>建议一旦采纳，将有精美小礼品奉上。</div>
-          </div>
-          <div class="imgGift">
-            <img src="../../assets/images/grateful/noticGift.png" alt="">
+            <div>欢迎留下您的宝贵建议</div>
           </div>
         </div>
         <el-form :model="form">
@@ -207,6 +190,8 @@ export default {
   },
   data() {
     return {
+      showNoticeImg: false,
+      showToolImg: false,
       form: {
         textarea: "",
       },
@@ -360,11 +345,19 @@ export default {
 </script>
 
 <style scoped lang="scss">
+// .noticeBgc {
+//   height: 100%;
+//   width: 100%;
+//   background: url('../../assets/images/grateful/noticeBgc.png') no-repeat;
+//   background-size: 100% 100px;
+// }
+
 @media screen and (max-width: 1366px) {
   .swiper-pagination {
     top: 310px;
   }
 }
+
 @media screen and (max-width: 1680px) and (min-width:1367px) {
   .swiper-pagination {
     top: 360px;
@@ -376,11 +369,13 @@ export default {
     top: 360px;
   }
 }
+
 @media screen and (min-width: 1921px) {
   .swiper-pagination {
     top: 360px;
   }
 }
+
 .bannbox {
   width: 100%;
   height: 420px;
@@ -412,6 +407,14 @@ export default {
 
 .course-banner {
   height: 420px;
+  position: relative;
+
+  &::before {
+    content: url(../../assets/images//grateful/logo.png);
+    position: absolute;
+    top: 20px;
+    left: 40px;
+  }
 
   .swiper-button-prev {
     height: 38px;
@@ -851,4 +854,5 @@ export default {
     display: grid;
     justify-content: space-between;
   }
-}</style>
+}
+</style>