<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>
