Mina_B/miniprogram/component/select-district/select-district.wxml

<!--component/select-district/select-district.wxml-->
<view class="cover safe-area-bottom">
  <view class="district">
    <view class="district-title">
      <text>全部区域</text>
      <image class="district-title-img" src="/images/icon/close.png" bindtap="colose"></image>
    </view>
    <view class="district-content">

      <view class="province">
        <view class="province-item {{item.provinceCode===province_id?'province-action':''}}" wx:for='{{province}}' wx:key="index" data-district="province" data-id="{{item.provinceCode}}" data-name="{{item.provinceName}}" bindtap="chooseDistrict">
          <text>{{item.provinceName}}</text>
        </view>
      </view>

      <view class="city">
        <view class="city-item {{item.cityCode===city_id?'city-action':''}}" wx:for='{{city}}' wx:key="index" data-district="city" data-id="{{item.cityCode}}" data-name="{{item.cityName}}" bindtap="chooseDistrict">
          <text>{{item.cityName}}</text>
        </view>
      </view>

      <view class="area">
        <view class="area-item {{item.countryCode===area_id?'area-action':''}}" wx:for='{{area}}' wx:key="index" data-district="area" data-id="{{item.countryCode}}" data-name="{{item.countryName}}" bindtap="chooseDistrict">
          <text>{{item.countryName}}</text>
        </view>
      </view>

    </view>
  </view>
  <view class="btn safe-area-bottom">
    <view class="button" bindtap="submit">确认选择</view>
  </view>
</view>