积分商城增加轮播图

pages/point/shop.vue

@@ -5,10 +5,7 @@
       <!-- <van-swipe-item v-for="(image, index) in images" :key="index">
         <img v-lazy="image" />
       </van-swipe-item> -->
-      <van-swipe-item>1</van-swipe-item>
-      <van-swipe-item>2</van-swipe-item>
-      <van-swipe-item>3</van-swipe-item>
-      <van-swipe-item>4</van-swipe-item>
+      <van-swipe-item v-for="(image) in swiperImgList" :key="image.id"> <img :src="image.url" alt=""></van-swipe-item>
     </van-swipe>
     <div class="show">
       <product-list />
@@ -19,7 +16,7 @@
 
 <script type="text/javascript">
 import Vue from "vue";
-import axios from "axios";
+// import axios from "axios";
 import ProductList from "../../components/ProductList";
 import {
   NavBar,
@@ -41,12 +38,12 @@ Vue.use(Card);
 Vue.use(PullRefresh);
 Vue.use(List);
 
-Vue.prototype.$http = axios;
+// Vue.prototype.$http = axios;
 
 export default {
   head() {
     return {
-      title: "智慧易加",
+      title: "积分商城",
     };
   },
   data() {
@@ -56,19 +53,18 @@ export default {
       loading: false, //加载状态
       finished: false, //是否完成加载
       refreshing: false, //是否正在上拉刷新
+      swiperImgList:[]
     };
   },
   components: {
     ProductList,
   },
   beforeCreate() {},
-  created() {},
-  beforeMount() {},
-  mounted() {},
-  beforeUpdate() {},
-  updated() {},
-  beforeDestroy() {},
-  destroyed() {},
+  created() {
+    this.initSwiperImg();
+  },
+  mounted() {
+  },
   methods: {
     onLoad() {
       var that = this;
@@ -84,7 +80,6 @@ export default {
             // 加载状态结束
             that.loading = false;
             that.finished = true;
-            console.log(that.list);
           }
         });
     },
@@ -96,6 +91,19 @@ export default {
       that.loading = true;
       that.onLoad();
     },
+    initSwiperImg() {
+      this.$axios
+        .$get("/getStationPicList", {
+          params: {
+            stationId: this.stationId,
+          },
+        })
+        .then((res) => {  
+          if(res.retCode === 0){
+            this.swiperImgList = res.data
+          }
+        });
+    },
   },
 };
 </script>
@@ -106,10 +114,14 @@ export default {
 }
 .shop-index .my-swipe .van-swipe-item {
   color: #fff;
-  font-size: 20px;
-  line-height: 150px;
+  width:3.2rem;
   text-align: center;
-  background-color: #39a9ed;
+  border-radius: 4vw;
+  box-sizing: border-box;
+}
+.shop-index .my-swipe .van-swipe-item img{
+  width:100%;
+  height:100%;  
   border-radius: 4vw;
 }
 .shop-index {

settings.js

@@ -1,5 +1,5 @@
 export default {
-  // url:"http://www.onlyfido.top",
-  url:"http://www.huijy.net",
+  url:"http://www.onlyfido.top",
+  // url:"http://www.huijy.net",
   debug: true
 }