|
@@ -6,10 +6,7 @@
|
|
<NavBar v-show="navShow" :title="title" :isleftarrow="isleftarrow"> </NavBar>
|
|
<NavBar v-show="navShow" :title="title" :isleftarrow="isleftarrow"> </NavBar>
|
|
</el-col>
|
|
</el-col>
|
|
<el-col :span="24" class="main">
|
|
<el-col :span="24" class="main">
|
|
- <van-field readonly clickable name="picker" :value="value" label="选择器" placeholder="点击选择城市" @click="showPicker = true" />
|
|
|
|
- <van-popup v-model="showPicker" position="bottom">
|
|
|
|
- <van-picker show-toolbar :columns="columns" @confirm="onConfirm" @cancel="showPicker = false" value-key="name" />
|
|
|
|
- </van-popup>
|
|
|
|
|
|
+ 首页
|
|
</el-col>
|
|
</el-col>
|
|
<el-col :span="24" class="foot">
|
|
<el-col :span="24" class="foot">
|
|
<footInfo></footInfo>
|
|
<footInfo></footInfo>
|
|
@@ -38,31 +35,10 @@ export default {
|
|
isleftarrow: '',
|
|
isleftarrow: '',
|
|
// 返回
|
|
// 返回
|
|
navShow: true,
|
|
navShow: true,
|
|
- value: '',
|
|
|
|
- showPicker: false,
|
|
|
|
- columns: [
|
|
|
|
- { id: '1', name: '长春' },
|
|
|
|
- { id: '2', name: '吉林' },
|
|
|
|
- { id: '3', name: '沈阳' },
|
|
|
|
- { id: '4', name: '大连' },
|
|
|
|
- ],
|
|
|
|
- // columns: ['长春', '吉林', '沈阳', '大连'],
|
|
|
|
- // columns: [
|
|
|
|
- // { id: '1', text: '长春' },
|
|
|
|
- // { id: '2', text: '吉林' },
|
|
|
|
- // { id: '3', text: '沈阳' },
|
|
|
|
- // { id: '4', text: '大连' },
|
|
|
|
- // ],
|
|
|
|
};
|
|
};
|
|
},
|
|
},
|
|
created() {},
|
|
created() {},
|
|
- methods: {
|
|
|
|
- onConfirm(value) {
|
|
|
|
- this.value = value.name;
|
|
|
|
- this.showPicker = false;
|
|
|
|
- // console.log(value);
|
|
|
|
- },
|
|
|
|
- },
|
|
|
|
|
|
+ methods: {},
|
|
computed: {
|
|
computed: {
|
|
...mapState(['user']),
|
|
...mapState(['user']),
|
|
},
|
|
},
|