前端：H5 首页增加 Banner 列表

mobile-web/src/api/promotion.js

@@ -0,0 +1,10 @@
+import request from "../config/request";
+
+// Banner
+
+export function getBannerList() {
+  return request({
+    url: 'promotion-api/users/banner/list',
+    method: 'get',
+  });
+}

mobile-web/src/api/user.js

@@ -1,13 +1,5 @@
 import request from "../config/request";
 
-
-export function GetUserIndex() {
-  return request({
-    url: '/User/GetUserIndex',
-    method: 'get',
-  })
-}
-
 export function GetFavorite(data){
   return request({
     url: '/User/GetFavorite',
@@ -108,4 +100,3 @@ export function doPassportMobileSendRegisterCode(mobile) {
     }
   });
 }
-

mobile-web/src/components/page/imageAd.vue

@@ -31,6 +31,8 @@
 
 <script>
 
+// TODO 芋艿，准备废弃。
+
 export default {
     name:'imageAd',
     components:{

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

@@ -1,9 +1,13 @@
 <template>
 <div :style="'background-color:'+((page.BackgroundColor==undefined||page.BackgroundColor=='')?'#fff':page.BackgroundColor)">
     <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%">
+        </van-swipe-item>
+    </van-swipe>
     <div v-for="(item,index) in page.Sections" :key="index">
-        <imageAd v-if="item.Code=='ImageAd'" :data="item.ParameterDictionary"></imageAd>
-        
+
         <imageText v-if="item.Code=='ImageText'" :data="item.ParameterDictionary"></imageText>
 
         <pageLine v-if="item.Code=='Line'"  :data="item.ParameterDictionary" ></pageLine>
@@ -38,6 +42,7 @@ import imageAd from "../../components/page/imageAd.vue";
 import imageText from "../../components/page/imageText.vue";
 import product from "../../components/page/product.vue";
 import { GetPage } from "../../api/page.js";
+import { getBannerList } from '../../api/promotion.js';
 
 export default {
     name:"page",
@@ -57,6 +62,7 @@ export default {
         return{
             topheight:0,
             page:{},
+          banners: [], // Banner 列表
         }
     },
     created:function(){
@@ -64,6 +70,13 @@ export default {
             this.page=response;
         });
     },
+    mounted: function() {
+      // 加载 Banner
+      let response = getBannerList();
+      response.then(data => {
+        this.banners = data;
+      });
+    },
     methods:{
         settopheight:function(value){
             this.topheight=value;