前端：H5 首页增加 Banner 列表

mobile-web/src/page/index.vue

@@ -7,7 +7,7 @@
 
 <script>
 import navigate from '../components/footer/navigate.vue'
-import page from './page/page.vue'
+import page from './page/index.vue'
 
 export default {
     components:{

mobile-web/src/page/page/page.vue → mobile-web/src/page/page/index.vue

@@ -3,7 +3,9 @@
     <div :style="'height:'+topheight+'px'" ></div>
     <van-swipe :autoplay="3000" indicator-color="white" height="160">
         <van-swipe-item v-for="(banner, index) in banners" :key="index" >
-            <img :src="banner.picUrl" height="100%" width="100%">
+            <a :href="banner.url">
+                <img :src="banner.picUrl" height="100%" width="100%" >
+            </a>
         </van-swipe-item>
     </van-swipe>
     <div v-for="(item,index) in page.Sections" :key="index">
@@ -78,9 +80,13 @@ export default {
       });
     },
     methods:{
-        settopheight:function(value){
-            this.topheight=value;
-        }
+      onBannerClick: function(event, index) {
+        debugger;
+        console.log(event);
+      },
+      settopheight:function(value){
+        this.topheight=value;
+      }
     }
 }
 </script>