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

    <ion-navbar>
        <ion-title>我的发布</ion-title>
    </ion-navbar>
wangqinghua's avatar
wangqinghua committed
<ion-content>
    <ion-refresher (ionRefresh)="doRefresh($event)">
        <ion-refresher-content pullingText="下拉刷新"
                               refreshingSpinner="bubbles">
        </ion-refresher-content>
    </ion-refresher>
    <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>
        </ng-container>
        <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>
                暂无发布
wangqinghua's avatar
wangqinghua committed
            </p>
        </ion-list>
    </div>
    <ion-infinite-scroll (ionInfinite)="doInfinite($event)">
        <ion-infinite-scroll-content
                loadingSpinner="bubbles"
                loadingText="加载中"></ion-infinite-scroll-content>
    </ion-infinite-scroll>
    <p class="noData" *ngIf="!loadMore">你已经看到我的底线了</p>
</ion-content>