publish.html

<ion-header>
  <ion-navbar>
    <ion-title>发布<span *ngIf="type == 'image'">图片</span><span *ngIf="type == 'video'">视频</span>  </ion-title>
    <ion-buttons end>
      <button ion-button icon-only (click)="handle()" class="toolbar-icon">
        <ion-icon name="list"></ion-icon>
<!--        发布-->
      </button>
    </ion-buttons>
  </ion-navbar>
</ion-header>


<ion-content padding>
  <ion-item>
    <ion-label class="main-color">选择板块</ion-label>
    <ion-select [(ngModel)]="obj.type" cancelText="取消" okText="确定">
      <ion-option *ngFor="let type of plateList" [value]="type.id">{{type.name}}</ion-option>
    </ion-select>
  </ion-item>
  <ion-item>
    <ion-label class="main-color">发布范围</ion-label>
    <ion-select [(ngModel)]="obj.publishRange" cancelText="取消" okText="确定" placeholder="全体人员">
      <ion-option *ngFor="let item of group" [value]="item.id">{{item.groupName}}</ion-option>
    </ion-select>
  </ion-item>
  <ion-item>
    <ion-input [(ngModel)]="obj.title" placeholder="请输入内容标题"></ion-input>
  </ion-item>
  <ion-item>
    <ion-label style="margin-top: -10px" class="main-color">推荐轮播图</ion-label>
    <ion-label>
      <div *ngIf="!caroul" class="selectDiv" (click)="tackePic(2)" style="height: 50px;width: 50px" float-end>
        <div class="height"></div>
        <div class="width"></div>
      </div>
      <div *ngIf="caroul" class="selectDiv" (click)="tackePic(2)" style="height: 50px;width: 50px" float-end>
        <ion-icon (click)="deleteCarousel()" class="main-color" name="close-circle"></ion-icon>
        <img [src]="pictrue + caroul.path" alt="标题图片">
      </div>
    </ion-label>
  </ion-item>
  <ion-item>
      <textarea [(ngModel)]="obj.content" class="content-textarea" placeholder="请在此输入发布内容"></textarea>
  </ion-item>
  <ion-item *ngIf="type == 'image'">
    <ion-row>
      <ion-col class="imgList" col-4 *ngFor="let img of fileList;let i  = index;" >
        <span class="imgTips" *ngIf="i == 0">标题图片</span>
        <ion-icon (click)="deleteFile(i)" class="main-color" name="close-circle"></ion-icon>
        <img [src]="pictrue + img.path" alt="标题图片">
      </ion-col>
      <ion-col col-4 *ngIf="fileList.length < 9">
        <div class="selectDiv" (click)="tackePic(1)">
          <div class="height"></div>
          <div class="width"></div>
        </div>
      </ion-col>
    </ion-row>
  </ion-item>
  <ion-item *ngIf="type == 'video'">
    <ion-row>
      <ion-col class="imgList" col-4 *ngFor="let video of fileList;let i  = index;">
        <ion-icon (click)="deleteFile(i)" class="main-color" name="close-circle"></ion-icon>
        <video width="100%" height="100%" [src]="pictrue + video.path" controls="controls">
          您的浏览器不支持 html5。
        </video>
      </ion-col>
      <ion-col col-4 *ngIf="fileList.length < 3">
        <div class="selectDiv" (click)="selectVideo(3)">
          <div class="height"></div>
          <div class="width"></div>
        </div>
      </ion-col>
    </ion-row>
  </ion-item>
</ion-content>