追加热门推荐

components/footer.vue

@@ -34,6 +34,13 @@
             <dd class="two-code-box">微信公众号<i class="two-dimensional-code"></i></dd>
             <!--<dd>新浪微博</dd>-->
           </dl>
+          <dl v-if="hotList.length">
+            <dt>热门推荐</dt>
+            <div style="display: flex;justify-content: flex-start;flex-wrap: wrap">
+              <dd style="width: 30%" v-for="item in hotList" :key="item.iiId" @click="checkNews(item)">{{item.biaoqian}}</dd>
+            </div>
+
+          </dl>
         </div>
         <div class="contact-right-box">
           <div class="right-sw-box">
@@ -74,7 +81,10 @@
       requestData() {
         return this.getFooterYouQingLianJie;
       },
-      ...mapGetters(['getFooterYouQingLianJie']),
+      hotList() {
+        return this.getHotList;
+      },
+      ...mapGetters(['getFooterYouQingLianJie','getHotList']),
     },
     data() {
       return {
@@ -101,6 +111,12 @@
       }
     },
     methods: {
+      checkNews(item) {
+        const opt = {
+          id: item.code,
+        };
+        this.$router.push({ name: 'news-id', params: opt });
+      },
       goToPage(item) {
         window.location.href = item.url
       },

components/footer2.vue

@@ -33,6 +33,10 @@
                <dd class="two-code-box">微信公众号<i class="two-dimensional-code"></i></dd>
                <!--<dd>新浪微博</dd>-->
              </dl>
+             <dl v-if="hotList.length">
+               <dt>热门推荐</dt>
+               <dd v-for="item in hotList" :key="item.iiId" @click="checkNews(item)">{{item.biaoqian}}</dd>
+             </dl>
            </div>
            <div class="contact-right-box">
              <div class="right-sw-box">
@@ -61,7 +65,10 @@
   export default {
     name:    'mtaFooter',
     computed: {
-
+      hotList() {
+        return this.getHotList;
+      },
+      ...mapGetters(['getHotList']),
     },
     data() {
       return {
@@ -69,6 +76,12 @@
       }
     },
     methods: {
+      checkNews(item) {
+        const opt = {
+          id: item.code,
+        };
+        this.$router.push({ name: 'news-id', params: opt });
+      },
       // 考试链接
       goExamPage(){
         this.$router.push({ name: 'examsystem' });

store/index.js

@@ -5,11 +5,15 @@
 
 export const state = () => ({
   FooterYouQingLianJie: [],
+  hotList: [],
   BASE_URL: process.env.baseUrl,
   ActiveNav: '/'
 })
 
 export const getters = {
+  getHotList(state) {
+    return state.hotList;
+  },
   getFooterYouQingLianJie(state) {
     return state.FooterYouQingLianJie;
   },
@@ -28,11 +32,20 @@ export const mutations = {
   },
   setActiveNav(state, payload) {
     state.ActiveNav = payload;
+  },
+  setHotList(state, payload) {
+    state.hotList = payload;
   }
 }
 
 
-
+export const actions = {
+  async nuxtServerInit({commit}, {$axios}) {
+    // 初始化store
+    const { data:data2 } = await $axios.post('/home/news/hot');
+    commit('setHotList', data2.data || []);
+  }
+}