<div class="">
  <div class="weui-mask weui-animate-fade-in"></div>
  <div class="weui-picker weui-animate-slide-up">
    <div class="weui-picker__hd">
      <span>{{title}}</span>
      <a href="javascript:;" data-action="cancel" class="weui-picker__action" (click)="cancel()">取消</a>
    </div>
    <div class="weui-picker__bd">
      <div class="weui-picker__content" *ngIf="!provinceId">
        <div class="cursor weui-picker__item borderBottom" *ngFor="let provinceList of provinceLists"
          (click)="selectProvince(provinceList.provinceId,provinceList.provinceName)">{{provinceList.provinceName}}
        </div>
      </div>
      <div class="weui-picker__content" *ngIf="provinceId && !cityId">
        <div class="cursor weui-picker__item borderBottom" *ngFor="let cityList of cityLists"
          (click)="selectCity(cityList.cityId,cityList.cityName)">{{cityList.cityName}}
        </div>
      </div>
      <div class="weui-picker__content" *ngIf="provinceId && cityId && !districtId">
        <div class="cursor weui-picker__item borderBottom" *ngFor="let districtList of districtLists"
          (click)="selectDistrict(districtList.districtId,districtList.districtName)">{{districtList.districtName}}
        </div>
      </div>
    </div>
  </div>
</div>