修改

pages/menu/market/index.vue

@@ -1,59 +1,61 @@
 <template>
 	<view class="main_con">
-       <view class="title">
+		<view class="title">
-       	Market
+			Market
-       </view>
-		<view class="main">
-		<view class="title_item flex">
-			 <view class="text1">Tranding Pairs</view>
-			  <view class="text1">Price/Vol</view>
-			   <view class="text1   flex">
-				   24h Chang
-			   
-			   </view>
 		</view>
-		<view class="scroll">
+		<view class="main">
-    <view class="item flex" v-for="(item,index) in recordInfo">
+			<view class="title_item flex">
-    	<view class="text2">
+				<view class="text1">Tranding Pairs</view>
-    		{{item.name}}/USDT
+				<view class="text1">Price/Vol</view>
-    	</view>
+				<view class="text1   flex">
-		<view class="text2">
+					24h Chang
-			<view class="">
+
-				{{item.current_price_usd}}
+				</view>
 			</view>
-			<view class="t1">
+			<view class="scroll">
-					{{item.current_price}}
+				<view class="item flex" v-for="(item,index) in recordInfo">
+					<view class="text2">
+						{{item.name}}/USDT
+					</view>
+					<view class="text2">
+						<view class="">
+							{{item.current_price_usd}}
+						</view>
+						<view class="t1">
+							{{item.current_price}}
+						</view>
+					</view>
+					<view class="btn" :class="item.change_percent>0?'red':'green'">
+						<image src="../../../static/tongyonh/arrow-down-left1.png" mode="aspectFit" class="img1"
+							v-if="item.change_percent>=0"></image>
+						<image src="../../../static/tongyonh/arrow-down-left.png" mode="aspectFit" class="img1"
+							v-if="item.change_percent<0"></image>
+						{{item.change_percent}}%
+					</view>
+				</view>
 			</view>
-		</view>
+
-		<view class="btn" :class="item.change_percent>0?'red':'green'">
+
-		<image src="../../../static/tongyonh/arrow-down-left1.png" mode="aspectFit" class="img1" v-if="item.change_percent>=0"></image>
+
-			<image src="../../../static/tongyonh/arrow-down-left.png" mode="aspectFit" class="img1"  v-if="item.change_percent<0"></image>
+
-		 {{item.change_percent}}%	
+
-		</view>
+
-    </view>
+
-		</view>
+
- 
+
-			
+
-			
+
-			
+
-			  
+
-			
+
-				
+
-				
+
-				
+
-				
-				  
-				  
-				  
-				
-			
-			
-			
-		</view>
-		
-			<tab-bar :selectActive="3"></tab-bar>
 		</view>
 
+		<tab-bar :selectActive="3"></tab-bar>
+	</view>
+
 
 
 
@@ -64,44 +66,55 @@
 	export default {
 		data() {
 			return {
-				recordInfo:[],
+				recordInfo: [],
+				isStop: false
 			}
 		},
 
-
+		onUnload: function() {
+			this.isStop = true
+		},
 		methods: {
-			getHomeSlideFunc(){
+			getHomeSlideFunc() {
-				
+
-					var _self = this;
+				var _self = this;
-					uni.request({
+				uni.request({
-					    url: 'https://dncapi.fxhapp.com/api/coin/web-coinrank?page=1&type=0&pagesize=10', //请求接口
+					url: 'https://dncapi.fxhapp.com/api/coin/web-coinrank?page=1&type=0&pagesize=10', //请求接口
-					    header: {
+					header: {
-					          'content-type': 'application/x-www-form-urlencoded',  //自定义请求头信息
+						'content-type': 'application/x-www-form-urlencoded', //自定义请求头信息
-					        },
+					},
-					 success: (res) => {
+					success: (res) => {
-												   this.recordInfo=res.data.data
+						this.recordInfo = res.data.data
-													  setTimeout(function(){_self.getHomeSlideFunc()},2000)
+						setTimeout(function() {
-													  this.$forceUpdate()
+							console.log(_self.isStop)
-					    }
+							if (!_self.isStop) {
-					 });
+								_self.getHomeSlideFunc()
-			            
+							}
-			           },
+
-	
+						}, 2000)
-		
+						this.$forceUpdate()
+
+
+					}
+				});
+
+			},
+
+
 		},
 		onLoad() {
-		
+
 			this.getHomeSlideFunc()
-			
+
-			
+
-			
+
 		}
 	};
 </script>
 <style scoped>
-page{
+	page {
-	background-color: #FAFAFA;
+		background-color: #FAFAFA;
-}
+	}
 </style>
 
 <style>