Bläddra i källkod

修改 各个页面的banner

wangguoyu 4 år sedan
förälder
incheckning
6e9c4edcda
4 ändrade filer med 57 tillägg och 13 borttagningar
  1. 11 2
      pages/courseware/index.vue
  2. 15 6
      pages/examsystem/index.vue
  3. 13 2
      pages/news/index.vue
  4. 18 3
      pages/trainsystem/index.vue

+ 11 - 2
pages/courseware/index.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="client-course-page">
     <!-- 课程开发页 banner栏 -->
-    <div class="client-course-banner"></div>
+    <div  @click="clickBanner(bannerList[0].url)" :style="{backgroundImage: `url(${bannerList[0].pic||''})`}" class="client-platform-banner"></div>
 
     <!-- 菜单栏上方-->
     <div class="course-service-nav">
@@ -186,8 +186,13 @@
                                              await $axios.$post(`/home/news/carousel`,{'newsClassifyId':2}).then(res=>{
                                                return res
                                              }),
+                                             await $axios.$post(`/home/banner/list`, { 'code': 4 }).then(res => {
+                                               return res;
+                                             }),
                                            ])
-      return {topCarousels : res1.data.data ||[],
+      return {
+        topCarousels : res1.data.data ||[],
+        bannerList: res2.data.data||[],
 
       }
     },
@@ -367,6 +372,10 @@
     },
     computed:   {},
     methods:    {
+
+      clickBanner(data){
+        window.open(data)
+      },
       applyFun() {
         this.telDl = true;
         this.sliderFun();

+ 15 - 6
pages/examsystem/index.vue

@@ -3,8 +3,7 @@
     <div class="client-platform-page">
 
       <!-- 考试平台页 banner栏 -->
-      <div class="client-platform-banner"></div>
-
+      <div  @click="clickBanner(bannerList[0].url)" :style="{backgroundImage: `url(${bannerList[0].pic||''})`}" class="client-platform-banner"></div>
       <!--  产品优势 -->
       <div class="platform-products-services">
         <h4 class="client-title">产品优势</h4>
@@ -124,9 +123,19 @@
   export default {
     name:       'examsystem',
     layout:'templateB',
-    asyncData({ store }) {
+    async asyncData({ $axios,store }) {
       // 设置选中菜单
       store.commit('setActiveNav', '/examsystem');
+
+      let [res1, res2] = await Promise.all([
+                                             await $axios.$post(`/home/banner/list`, { 'code': 2 }).then(res => {
+                                               return res;
+                                             }),
+                                           ]);
+      return {
+        bannerList: res1.data.data||[],
+
+      };
     },
     data() {
       return {
@@ -158,9 +167,9 @@
     },
     computed:   {},
     methods:    {
-      goExamRegistered(){
-        window.open('https://cdnks.mtavip.com/a/register?flug=1')
-      }
+      clickBanner(data){
+        window.open(data)
+      },
     },
     created() {
 

+ 13 - 2
pages/news/index.vue

@@ -2,9 +2,8 @@
   <div class="client-newsInfor-page">
     <!-- 新闻资讯banner栏 -->
     <div class="newsInfor-banner">
-        <img :src="newsInforBannerImg" alt="新闻资讯">
+        <img  @click="clickBanner(bannerList[0].url)" :src="bannerList[0].pic" alt="新闻资讯">
     </div>
-
     <!-- 新闻资讯 -->
     <ul class="newsInfor-menu-ul">
       <li style="cursor: pointer"
@@ -63,7 +62,16 @@
 
         const res2 = await $axios.post(url2, opt);
         const { data: { data: data2 } } = res2;
+
+
+
+        let [res1] = await Promise.all([
+                                               await $axios.$post(`/home/banner/list`, { 'code': 5 }).then(res => {
+                                                 return res;
+                                               }),
+                                             ]);
         return {
+          bannerList: res1.data.data||[],
           newsList:          data2.data || [],
           totalLists:        data2.total || defaultNewsClassifyId,
           newsClassifyData:  data || [],
@@ -112,6 +120,9 @@
       }
     },
     methods:    {
+      clickBanner(data){
+        window.open(data)
+      },
       handleCurrentChange(val) {
         this.currentPage = val;
         this.getMessage();

+ 18 - 3
pages/trainsystem/index.vue

@@ -2,7 +2,7 @@
   <div class="client-platform-page client-train-page">
 
     <!-- 培训平台页 banner栏 -->
-    <div class="client-platform-banner"></div>
+    <div  @click="clickBanner(bannerList[0].url)" :style="{backgroundImage: `url(${bannerList[0].pic||''})`}" class="client-platform-banner"></div>
 
     <!--  产品优势 -->
       <div class="platform-products-services">
@@ -143,9 +143,20 @@
   export default {
     name:     'trainsystem',
     layout:   'templateB',
-    asyncData({ store }) {
+    async asyncData({ $axios,store }) {
       // 设置选中菜单
       store.commit('setActiveNav', '/trainsystem');
+
+
+      let [res1, res2] = await Promise.all([
+                                             await $axios.$post(`/home/banner/list`, { 'code': 3 }).then(res => {
+                                               return res;
+                                             }),
+                                           ]);
+      return {
+        bannerList: res1.data.data||[],
+
+      };
     },
     data() {
       return {
@@ -176,7 +187,11 @@
       }
     },
     computed: {},
-    methods:  {},
+    methods:  {
+      clickBanner(data){
+        window.open(data)
+      },
+    },
     created() {
 
     },