<template>
	<view class="">
		<navigation :showBack="true" :bgnum="true">
			<image src="../../../static/tongyonh/IconGroup.png" mode="aspectFit" class="renYou" slot="logo"></image>
			<text class="big_title">
				Address
			</text>
		</navigation>
		<view class="main">
			<view class="item flex">
				<view class="textcon flex">
					<image src="../../../static/tongyonh/Shape.png" mode="aspectFit" class="img1"></image>
					<view class="bigcon">
						<view class="text1">
							初始地址
						</view>
						<view class="text1" style="color: #7D87A6;">
							0xjdkdgdf1...dhkdef
						</view>
					</view>
				</view>
				<view class="btncon">
					<image src="../../../static/tongyonh/more_vert_24px_outlined.svg" mode="aspectFit" class="img2">
					</image>
					<view class="text">
						0.5
					</view>
				</view>
			</view>


<view class="item flex">
				<view class="textcon flex">
					<image src="../../../static/tongyonh/Shape.png" v-if="false" mode="aspectFit" class="img1"></image>
					<view class="bigcon">
						<view class="text1">
							初始地址
						</view>
						<view class="text1" style="color: #7D87A6;">
							0xjdkdgdf1...dhkdef
						</view>
					</view>
				</view>
				<view class="btncon">
					<image src="../../../static/tongyonh/more_vert_24px_outlined.svg" mode="aspectFit" class="img2">
					</image>
					<view class="text">
						0.5
					</view>
				</view>
			</view>
		

		
		
		
		
		</view>


	<view class="show_bottom">
		<view class="tiao"></view>
		<view class="title">
			New address
		</view>
		<view class="bottom_con">
			<u-checkbox-group @change="checkboxGroupChange">
				<u-checkbox 
					@change="checkboxChange" 
					v-model="item.checked" 
					v-for="(item, index) in list" :key="index" 
					:name="item.name"
					shape="circle"
					size="48"
					:wrap="true"
					active-color="#5B53FF"
				>
				<view class="sss">
					{{item.name}}
				</view>
			<input type="text" value="" placeholder="Please enter address information" class="input1" placeholder-style="color:#D0D0D2;fontSize:28rpx"
			 v-if="item.checked"/>
				
	
				</u-checkbox>
			</u-checkbox-group>
			<view class="conf">
				Confirm
			</view>
		</view>
	</view>
 	<u-mask z-index="10" :show="show" @click="show = false"></u-mask>
<view class="btnconn" v-if="false">
		<view class="btn active">
			Import addresses
		</view>
		<view class="btn">
		New address
		</view>
	</view> 

</view>



</template>

<script>
	import cont from "@/components/navigation/navigation.vue"
	export default {
		data() {
			return {
show: true,
	list: [
					{
						name: 'Single address',
						checked: true,
						disabled: false
					},
					{
						name: 'Batch add 10 addresses',
						checked: false,
						disabled: false
					},
					{
						name: 'Batch add 50 addresses',
						checked: false,
						disabled: false
					}
				]
			}
		},
		methods: {

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

	}
</style>

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