<template>
	<view class="main_con">
       <view class="title">
       	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 class="imgcon">
					  <image src="../../../static/tongyonh/Polygon2.png" mode="aspectFit" class="Colorimg"></image>
			       	<image src="../../../static/tongyonh/Polygon3.png" mode="aspectFit" class="Colorimg"></image>
			       </view>
			   </view>
		</view>
    <view class="item flex">
    	<view class="text2">
    		BTC/USDT
    	</view>
		<view class="text2">
			<view class="">
				212,252.38
			</view>
			<view class="t1">
				1,164,103,333
			</view>
		</view>
		<view class="btn green">
			<image src="../../../static/tongyonh/arrow-down-left.png" mode="aspectFit" class="img1"></image>
			3.23%
		</view>
    </view>
	
  <view class="item flex">
    	<view class="text2">
    		BTC/USDT
    	</view>
		<view class="text2">
			<view class="">
				212,252.38
			</view>
			<view class="t1">
				1,164,103,333
			</view>
		</view>
		<view class="btn red">
			<image src="../../../static/tongyonh/arrow-down-left.png" mode="aspectFit" class="img1"></image>
			3.23%
		</view>
    </view>
			
			
			<view class="item flex">
			  	<view class="text2">
			  		BTC/USDT
			  	</view>
					<view class="text2">
						<view class="">
							212,252.38
						</view>
						<view class="t1">
							1,164,103,333
						</view>
					</view>
					<view class="btn red">
						<image src="../../../static/tongyonh/arrow-down-left.png" mode="aspectFit" class="img1"></image>
						3.23%
					</view>
			  </view>
			  
			  
			  
			  <view class="item flex">
			    	<view class="text2">
			    		BTC/USDT
			    	</view>
			  		<view class="text2">
			  			<view class="">
			  				212,252.38
			  			</view>
			  			<view class="t1">
			  				1,164,103,333
			  			</view>
			  		</view>
			  		<view class="btn red">
			  			<image src="../../../static/tongyonh/arrow-down-left.png" mode="aspectFit" class="img1"></image>
			  			3.23%
			  		</view>
			    </view>
				
				
				
				<view class="item flex">
				  	<view class="text2">
				  		BTC/USDT
				  	</view>
						<view class="text2">
							<view class="">
								212,252.38
							</view>
							<view class="t1">
								1,164,103,333
							</view>
						</view>
						<view class="btn red">
							<image src="../../../static/tongyonh/arrow-down-left.png" mode="aspectFit" class="img1"></image>
							3.23%
						</view>
				  </view>
				  
				  
				  
				  
				  <view class="item flex">
				    	<view class="text2">
				    		BTC/USDT
				    	</view>
				  		<view class="text2">
				  			<view class="">
				  				212,252.38
				  			</view>
				  			<view class="t1">
				  				1,164,103,333
				  			</view>
				  		</view>
				  		<view class="btn red">
				  			<image src="../../../static/tongyonh/arrow-down-left.png" mode="aspectFit" class="img1"></image>
				  			3.23%
				  		</view>
				    </view>
			
			
			
		</view>
		
			<tab-bar :selectActive="3"></tab-bar>
		</view>




</template>

<script>
	import cont from "@/components/navigation/navigation.vue"
	export default {
		data() {
			return {
				
			}
		},


		methods: {
			
		}
	};
</script>
<style scoped>
page{
	background-color: #FAFAFA;
}
</style>

<style>
	@import './index.css';
</style>
