<!--components/city/city.wxml-->

<view class="container">
	<!-- 省列表 -->
	<view class="province">
		<view class="province-cell {{item.provinceCode === provinceCode&&'active'}}" wx:for='{{cityData}}' wx:key='index' data-index="{{index}}" bindtap="chooseProvince">
			<text>{{item.provinceName}}</text>
		</view>
	</view>
	<!-- 市列表 -->
	<view class="city">
		<view class="city-cell {{item.cityCode === cityCode&&'active'}}" wx:for='{{cityList}}' wx:key='index' data-index="{{index}}" bindtap="chooseCity">
			<text>{{item.cityName}}</text>
		</view>
	</view>
	<!-- 地区列表 -->
	<view class="area">
		<view class="area-cell {{item.countryCode === countryCode&&'active'}}" wx:for='{{areaList}}' wx:key='index' data-index="{{index}}" bindtap="chooseArea">
			<text>{{item.countryName}}</text>
		</view>
	</view>
	<view class="btn">
		<view class="button" bindtap="commit">
			<text>确认选择</text>
		</view>
	</view>
</view>