Skip to content
my-publish.html 4.52 KiB
Newer Older
<ion-header>

wangqinghua's avatar
wangqinghua committed
        <ion-title>我的文章</ion-title>
wangqinghua's avatar
wangqinghua committed
<ion-content>
    <ion-refresher (ionRefresh)="doRefresh($event)">
        <ion-refresher-content pullingText="下拉刷新"
                               refreshingSpinner="bubbles">
        </ion-refresher-content>
    </ion-refresher>
wangqinghua's avatar
wangqinghua committed
    <div class="duty">
        <div class="dutyItem" (click)="getPublishList()">
            <span  class="{{changeType == 1?'duty-title':''}}">已发布</span>
        </div>
        <div class="dutyItem"  (click)="getDraftList()">
            <span class="{{changeType == 2?'duty-title':''}}">草稿箱</span>
        </div>
    </div>
    <ng-container *ngIf="changeType == 1">
        <div class="main-news">
            <ng-container *ngFor="let new of publicList;">
                <ng-container *ngIf="new.imgUrl">
                    <ion-row class="news-item" (click)="goToDetail(new)">
                        <ion-col col-8 class="news-left">
                            <p class="news-title">
                                {{new.title}}
                                <ion-icon *ngIf="new.topTime" class="icon-fire iconfont"></ion-icon>
                            </p>
                            <p class="news-end">
                                <span>发布时间:</span><span>{{new.publishTime | date:'yyyy-MM-dd'}}</span>
                            </p>
                        </ion-col>
                        <ion-col col-4 class="news-right">
                            <img src="{{picture+new.imgUrl}}">
                        </ion-col>
                    </ion-row>
                </ng-container>
                <ng-container *ngIf="!new.imgUrl">
                    <ion-row class="news-item" (click)="goToDetail(new)">
                        <ion-col col-12 class="news-left">
                            <p class="news-title">
                                {{new.title}}
                                <ion-icon *ngIf="new.topTime" class="icon-fire iconfont"></ion-icon>
                            </p>
                            <p class="news-end">
                                <span>发布时间:</span><span>{{new.publishTime | date:'yyyy-MM-dd'}}</span>
                            </p>
                        </ion-col>
                    </ion-row>
                </ng-container>
wangqinghua's avatar
wangqinghua committed
            <ion-list text-center style="margin-top: 10rem" *ngIf=" !isLoad && publicList.length == 0">
                <img style="width: 20%;" src="./assets/imgs/no-info.png" alt="">
                <p text-center>
                    暂无发布
                </p>
            </ion-list>
        </div>
    </ng-container>
    <ng-container *ngIf="changeType == 2">
        <div class="main-news">
            <ng-container *ngFor="let new of draftList;">
                <ng-container *ngIf="new.imgUrl">
wangqinghua's avatar
wangqinghua committed
                    <ion-row class="news-item" (click)="goTo(new)">
wangqinghua's avatar
wangqinghua committed
                        <ion-col col-8 class="news-left">
                            <p class="news-title">
                                {{new.title}}
                            </p>
                            <p class="news-end">
wangqinghua's avatar
wangqinghua committed
                                <span>创建时间:</span><span>{{new.updateTime | date:'yyyy-MM-dd HH:dd:mm'}}</span>
wangqinghua's avatar
wangqinghua committed
                            </p>
                        </ion-col>
                        <ion-col col-4 class="news-right">
                            <img src="{{picture+new.imgUrl}}">
                        </ion-col>
                    </ion-row>
                </ng-container>
                <ng-container *ngIf="!new.imgUrl">
wangqinghua's avatar
wangqinghua committed
                    <ion-row class="news-item" (click)="goTo(new)">
wangqinghua's avatar
wangqinghua committed
                        <ion-col col-12 class="news-left">
                            <p class="news-title">
                                {{new.title}}
                            </p>
                            <p class="news-end">
wangqinghua's avatar
wangqinghua committed
                                <span>创建时间:</span><span>{{new.updateTime | date:'yyyy-MM-dd HH:dd:mm'}}</span>
wangqinghua's avatar
wangqinghua committed
                            </p>
                        </ion-col>
                    </ion-row>
                </ng-container>
wangqinghua's avatar
wangqinghua committed
            <ion-list text-center style="margin-top: 10rem" *ngIf=" !isLoad && draftList.length == 0">
wangqinghua's avatar
wangqinghua committed
                <img style="width: 20%;" src="./assets/imgs/no-info.png" alt="">
                <p text-center>
                    暂无发布
                </p>
            </ion-list>
        </div>
    </ng-container>
</ion-content>