Question

我有一个可点击的卡片，可以推送到另一个页面。在网络上进行测试时完全可以，但是在真实设备上进行测试时，大约需要2秒钟才能推送页面。为什么？（OBS：大延迟只是第一次）。

我看到了一些有关点击与点击的帖子。

因此，基本上，是单击时会拿到的卡片列表，带到具有该项目更多详细信息的另一页。

我认为此延迟是由于延迟加载造成的，因此请删除此特定页面的延迟加载，但是延迟仍在继续。

<ion-row>
   <ion-col col-12 style="transform: translate(0, 16px);">
      <ion-list class="list list__model--flex">
         <div class="div div__model--flex" *ngFor="let item of items">
            <div style="width: 100%; padding: 5%;" *ngIf="item.avatar">
              <ion-card tappable class="button button__card--full" (tap)="goToDetails(item)">
                 <ion-card-header no-padding>
                   <img [src]="item.avatar" class="filter--item"/>
                 </ion-card-header>

                 <ion-card-content>
                    <p text-center style="margin: auto; color: #666;">{{item.name}}</p>
                 </ion-card-content>
               </ion-card>
           </div>
        </div>
     </ion-list>

  </ion-col>
</ion-row>

所期望的是，在设备中，无需花费数秒钟即可推送页面。调试时，我注意到要花一些时间重新计算样式布局，在tap情况下在'event（pointerup）中重新计算，并用click单击（touchstart）。

我该如何解决？

如何解决点击事件（touchstart）的延迟？

0 个答案: