<template>
		<div>
			<group title="set position">
		      	<x-switch title="left(100% width)" v-model="show"></x-switch>
		    </group>
			<div title="Default popup"  @click=" show = true" >点击看看</div>
			<popup v-model="show">
		        <div class="popup0">
		        	<div><a>取消</a><a>完成</a></div>
		         	<picker :data='year7' :columns=3 v-model='year7Value' @on-change='change' ref="picker1"></picker>
		        </div>
		    </popup>
		</div>
</template>

<script>
	import { Group,Picker,Popup,XSwitch} from 'vux'
	export default {
		data() {
			return {
				show: true,
				year7: [
				{
					name: '中国',
					value: 'china',
					parent: 0
				}, {
					name: '美国',
					value: 'USA',
					parent: 0
				}, {
					name: '广东',
					value: 'china001',
					parent: 'china'
				}, {
					name: '广西',
					value: 'china002',
					parent: 'china'
				}, {
					name: '美国001',
					value: 'usa001',
					parent: 'USA'
				}, {
					name: '美国002',
					value: 'usa002',
					parent: 'USA'
				}, {
					name: '广州',
					value: 'gz',
					parent: 'china001'
				}, {
					name: '深圳',
					value: 'sz',
					parent: 'china001'
				}, {
					name: '广西001',
					value: 'gz',
					parent: 'china002'
				}, {
					name: '广西002',
					value: 'sz',
					parent: 'china002'
				}, {
					name: '美国001_001',
					value: '0003',
					parent: 'usa001'
				}, {
					name: '美国001_002',
					value: '0004',
					parent: 'usa001'
				}, {
					name: '美国002_001',
					value: '0005',
					parent: 'usa002'
				}, {
					name: '美国002_002',
					value: '0006',
					parent: 'usa002'
				}],
				year7Value: ['USA','usa002','0006'],
				goodsList: []
			};
		},
		components: {
			Picker,
			Group,
			XSwitch,
			Popup
		},
		watch: {

		},
		methods: {
			change (name) {
		      	console.log('new Value', name)
		   	},
		   	getGoodsList (){
		   		
		   	}
		   	
		},
		mounted() {
			
		}
	};
</script>

<style>

</style>