<template>
	<view class="">

		<view class="main">
			<u-input v-model="value" placeholder="Search or enter the DAPP website" :type="type" :border="border"
				class="custom-style" />

			<image src="../../../static/tongyonh/MaskGroup.png" mode="aspectFit" class="bg"></image>

	

			<u-tabs  font-size="26" bar-width="124" inactive-color="#7D87A6" active-color="#5B53FF" :list="list" :is-scroll="false" :current="current" @change="change"></u-tabs>
		
		<view class="item_con">
			
			<view class="item">
				<image src="../../../static/tongyonh/Ellipse45.png" mode="aspectFit" class="img"></image>
			<view class="text_con">
				<view class="text1">
					Beefy finance(BSC)
				</view>
				<view class="text2">
					基于币安智能链的收益聚合器
				</view>
			</view>
			</view>
			
			<view class="item">
				<image src="../../../static/tongyonh/Ellipse46.png" mode="aspectFit" class="img"></image>
			<view class="text_con">
				<view class="text1">
					Bunicorn
				</view>
				<view class="text2">
					一个性能卓越的AMM DEX，通过流动性..
				</view>
			</view>
			</view>
			
			
			<view class="item">
				<image src="../../../static/tongyonh/Ellipse47.png" mode="aspectFit" class="img"></image>
			<view class="text_con">
				<view class="text1">
					ForTube(BSC)
				</view>
				<view class="text2">
				全球领先的DeFi借贷平台（BSC）
				</view>
			</view>
			</view>
			
			
		</view>
		</view>
 <view class="view_con">
	 <view class="bg">
	 <image src="../../../static/tongyonh/Ellipse46.png" mode="aspectFit" class="img1"></image>
	  </view>
	 	 <view class="tiao"></view>
		 <view class="title">
		 	Disclaimers
		 </view>
		 <view class="bottom">
		 	<view class="title2">
		 		Beefy finance (BSC)
		 	</view>
			<view class="text">
				You will be redirected to a third party dApp page and your use of the third party dApp will be governed by that third party dApp's User Agreement and Privacy Policy, for which the third party dApp is directly and solely liable to you.
			</view>
			
			<view class="select">
				<u-checkbox-group @change="checkboxGroupChange">
							<u-checkbox 
								@change="checkboxChange" 
								v-model="item.checked" 
								v-for="(item, index) in list2" :key="index" 
								:name="item.name"
								 active-color="#5B53FF"
							>  <text class="name">{{item.name}}</text> </u-checkbox>
						</u-checkbox-group>
			</view>
			<view class="btn">
				Confirm
			</view>
		 </view>
	 </view>
<u-mask :show="show" @click="show = false" z-index="10"></u-mask>

		<tab-bar :selectActive="4"></tab-bar>
	</view>




</template>

<script>
	import cont from "@/components/navigation/navigation.vue"
	import tabBar from "@/components/tabBar/tabBar.vue"
	export default {
		data() {
			return {
					list2: [
								{
									name: 'No more tips next time',
									checked: false,
									disabled: false
								},
							],
				show: true,
				value: '',
				type: 'text',
				border: true,
				list: [
					{
					name: 'Popular'
				}, 
				{
					name: 'Lending'
				},
				{
					name: 'Trade',

				}, 
				{
					name: 'Yield',
				
				}, 
				{
					name: 'Stake',
				
				}, 
				],
				current: 0
			}
		},


		methods: {
			change(index) {
				this.current = index;
			}
		}
	};
</script>
<style scoped>

</style>

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