You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
110 lines
1.9 KiB
110 lines
1.9 KiB
<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>
|