<div class="wrapper_pic">
  <div style="color:#ff3500;" *ngIf="this.uploadType =='headUrl'">上传头像时图片比例必须1:1</div>
  <div style="color:#ff3500;" *ngIf="this.uploadType =='wxUrl'">上传微信二维码时图片比例必须1:1</div>
  <div style="color:#ff3500;" *ngIf="this.uploadType =='lifeUrl'">上传生活照时图片比例必须4:3</div>
  <div class="headPic" *ngIf="this.uploadType =='headUrl'">
    <div class="pic">
      <img *ngIf="settingInfo.headImgUrl" src="{{settingInfo.headImgUrl}}" />
    </div>
    <div *ngIf="settingInfo.headImgUrl" (click)="chooseImg('headImgUrl')">点此重新选择头像</div>
    <div *ngIf="!settingInfo.headImgUrl" (click)="chooseImg('headImgUrl')">点此选择头像</div>

  </div>

  <div class="wxPic" *ngIf="this.uploadType =='wxUrl'">
    <div class="pic">
      <img *ngIf="settingInfo.wxQRImgUrl" src="{{settingInfo.wxQRImgUrl}}" alt="" />
    </div>
    <div *ngIf="settingInfo.wxQRImgUrl" (click)="chooseImg('wxQRImgUrl')">点此重新选择微信二维码</div>
    <div *ngIf="!settingInfo.wxQRImgUrl" (click)="chooseImg('wxQRImgUrl')">点此选择微信二维码</div>

  </div>

  <div class="lifePic" *ngIf="this.uploadType =='lifeUrl'">
    <div class="lifePicItem" *ngFor="let lifeImgUrlItem of settingInfo.lifeImgUrls">
      <div class="pic">
        <img src="{{lifeImgUrlItem.lifeImgUrl}}" />
      </div>
      <div *ngIf="lifeImgUrlItem.lifeImgUrl" (click)="chooseImg('lifeImgUrl','rechose',lifeImgUrlItem.id)">点此重新选择生活照
      </div>
    </div>
  </div>
  <div *ngIf="this.uploadType =='lifeUrl'" (click)="chooseImg('lifeImgUrl')">点此添加生活照</div>
  <div class="saveBtn" *ngIf="uploadType=='lifeUrl' || uploadType=='wxUrl' || uploadType=='headUrl'"
    (click)="mySettingSave()">确定上传</div>

  <div class="introduction" *ngIf="this.uploadType=='introduction'">
    <div style="height: 30px;font-size: 20px;margin-bottom: 20px;">自我介绍</div>
    <textarea class="form-control" rows="10" [(ngModel)]="settingInfo.bioIntro"></textarea>
    <div class="saveBtn" (click)="mySettingSave()">保存</div>
  </div>

  <div class="switch" *ngIf="this.uploadType =='switch'">
    <div>
      <span>显示手机号</span>
      <span class="iconfont icon-ar-r"></span>
    </div>
    <div>
      <span>显示手机号</span>
      <span class="iconfont icon-ar-r"></span>
    </div>
  </div>
</div>
<ydlife-alert *ngIf="isNeedAlert" [dialogInfo]="dialogInfo" (popInfo)="getPopInfo()"></ydlife-alert>
<ydlife-toast *ngIf="toastDialog" [toastInfo]="toastInfo"></ydlife-toast>