公告走马灯

src/views/home/index.vue

@@ -383,6 +383,26 @@
           </div>
       </div>
     </div>
+    <div class="section-block section-block-22">
+      <div class="swiper">
+        <div class="marquee">
+          <div class="marquee-pargress d-flex">
+            <ul class="marquee-list d-flex" v-for="box in 4" :key="box" style="background-color: transparent;">
+              <!-- <router-link class="nav-link" :to="purchase.url">{{ purchase.label }}</router-link> -->
+              <router-link :to="'/notice/'+item.id" class="item" v-for="(item,index) in noticeList" :key="index" style="width: 400px;margin: 0px 15px;color: #000 !important;" @click="toNotice(item)">
+                <div class="price-info d-flex">
+                  <div class="symbol" style="margin-right: 5px;height: 60px;line-height: 60px;width: 400px;font-size: 16px;
+                    display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;
+                    ">
+                    {{ item.title }}
+                  </div>
+                </div>
+              </router-link>
+            </ul>
+          </div>
+        </div>
+      </div>
+    </div>
     <div class="section-block section-block-4" v-if="isLogin">
       <div class="d-flex mb-3" style="margin-top: 20px;">
         <router-link v-for="(sysItem, index) in articleSysList" :to="`/college/detail/${sysItem.category_id}/${sysItem.id}`"
@@ -1431,9 +1451,16 @@ export default {
     },
     // 獲取公告列表
     article() {
-      Member.article({ type: "notice" }).then((res) => {
+      // Member.article({ type: "notice" }).then((res) => {
-        this.noticeList = res.data.splice(0, 4);
+      //   this.noticeList = res.data.splice(0, 4);
-      });
+      // });
+      Member.notice({page: 1}).then(res => {
+        // this.detail = res;
+        this.noticeList = res;
+      })
+    },
+    toNotice(item){
+
     },
     getNoticeDate(str) {
       let _time = new Date(str);
@@ -2759,6 +2786,17 @@ path {
     }
   }
 }
+.section-block-22{
+  width: 100%;
+  background: #F7D558;
+  padding: 0px;
+
+  .swiper{
+    width: 1200px;
+    height: 60px;
+    margin: 0px auto;
+  }
+}
 .confirmButtonClass{
   background-color: #F7D558 !important;//无效
 }