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.
117 lines
2.3 KiB
117 lines
2.3 KiB
<template>
|
|
<view class="head">
|
|
<view class="df">
|
|
<view class="f1">
|
|
<view class="" v-for="(item,index) in list" :key="index">
|
|
<view class="df aic jcsb" @click="Provinces(index)">
|
|
<div class="Provinces-name">{{item.name}}</div>
|
|
<u-icon name="arrow-right"></u-icon>
|
|
</view>
|
|
<view class="xulijs">
|
|
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="f1" v-if="indexax>0">
|
|
<view class="" v-for="(item,index) in FileList[indexax]" :key="index">
|
|
<view class="cities">
|
|
{{item.name}}
|
|
</view>
|
|
<view class="xulijs">
|
|
|
|
</view>
|
|
</view>
|
|
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
data() {
|
|
return {
|
|
indexax:'',
|
|
list:[
|
|
{name:'全部'},
|
|
{name:'四川省'},
|
|
{name:'山东省'},
|
|
{name:'天津市'},
|
|
{name:'河南省'},
|
|
{name:'陕西省'},
|
|
{name:'河北市'},
|
|
{name:'重庆市'},
|
|
{name:'北京市'},
|
|
{name:'江苏省'},
|
|
{name:'香港特别行政区'},
|
|
{name:'未归属'}
|
|
],
|
|
FileList:[
|
|
[],
|
|
[
|
|
{name:'全部'},
|
|
{name:'成都市'},
|
|
{name:'绵阳市'},
|
|
{name:'德阳市'},
|
|
{name:'自贡市'},
|
|
{name:'泸州市'},
|
|
{name:'广元市'},
|
|
{name:'遂宁市'},
|
|
{name:'巴中市'},
|
|
{name:'乐山市'},
|
|
{name:'南充市'},
|
|
{name:'巴中市'}
|
|
],
|
|
[
|
|
{name:'全部'},
|
|
{name:'自贡市'},
|
|
{name:'泸州市'},
|
|
{name:'广元市'},
|
|
{name:'成都市'},
|
|
{name:'绵阳市'},
|
|
{name:'德阳市'},
|
|
{name:'遂宁市'},
|
|
{name:'巴中市'},
|
|
{name:'乐山市'},
|
|
{name:'南充市'},
|
|
{name:'巴中市'}
|
|
],
|
|
]
|
|
};
|
|
},
|
|
methods:{
|
|
Provinces (index){
|
|
this.indexax=index
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss">
|
|
.head{
|
|
padding: 38rpx 32rpx;
|
|
.Provinces-name{
|
|
font-size: 30rpx;
|
|
font-family: PingFangSC-Medium, PingFang SC;
|
|
font-weight: 500;
|
|
color: #222222;
|
|
line-height: 42rpx;
|
|
}
|
|
.xulijs{
|
|
width: 100%;
|
|
height: 1rpx;
|
|
background: #E8E8E8;
|
|
border-radius: 2rpx;
|
|
padding: 0 32rpx;
|
|
box-sizing: border-box;
|
|
margin: 30rpx 0;
|
|
}
|
|
.cities{
|
|
font-size: 30rpx;
|
|
font-family: PingFangSC-Medium, PingFang SC;
|
|
font-weight: 500;
|
|
color: #585858;
|
|
line-height: 42rpx;
|
|
}
|
|
}
|
|
</style>
|
|
|