banner

api/login.js

@@ -157,4 +157,12 @@ export function transfer(data) {
 		method: 'get',
 		data
 	})
+}
+
+export function tradelist(data) {
+	return request({
+		url: '/api/Trade/tradelist',
+		method: 'get',
+		data
+	})
 }

pages/index/index.vue

@@ -6,8 +6,8 @@
 		</view>
 		<!-- 轮播图 start -->
 		<swiper class="top-swiper" autoplay="true" duration="400" interval="5000" @change="swiperChange">
-			<swiper-item v-for="(item, index) in 2" :key="index" class="carousel-item" @click="bannerNavToUrl(item)">
-				<image src="../../static/img/banner.png" />
+			<swiper-item v-for="item in clist" class="carousel-item" @click="bannerNavToUrl(item)">
+				<image :src="item" />
 			</swiper-item>
 		</swiper>
 		<!-- 轮播图 end -->
@@ -101,9 +101,11 @@
 </template>
 
 <script>
+	import { tradelist} from '@/api/login.js'
 	import {
 		saveUrl,
-		interceptor
+		interceptor,
+		
 	} from '@/utils/loginUtils.js';
 	import {
 		mapState,
@@ -119,7 +121,7 @@
 	export default {
 		data() {
 			return {
-
+				clist: {},
 				scoket: '',
 				instId: 'IOTA-USDT', //请求的产品id
 				spList: [], //需要查询的列表
@@ -135,6 +137,7 @@
 		},
 		onShow: function() {
 			this.geLevertade()
+			this.tradelist()
 		},
 		onHide() {
 			this.closeScoket()
@@ -219,6 +222,14 @@
 					url: item.wap_url
 				});
 			},
+			tradelist() {
+				tradelist().then(res => {
+					console.log(res)
+					this.clist = res.data.clist
+					this.clist = Object.assign( {},this.clist);
+					console.log(this.clist,'this.clist')
+				})
+			}
 		}
 	};
 </script>