Как создать пользовательский загрузчик в Ionic 3 - PullRequest
Новая
       19

Как создать пользовательский загрузчик в Ionic 3

0 голосов
/ 03 октября 2018

У меня есть приложение, созданное с помощью Ionic 1. Я обновил это приложение до Ionic 3. При этом у меня возникают проблемы.Дело в том, что я не могу создать тот же блесна, что и Ionic 1 в Ionic 3. Вот видео с блесна в Ionic 1.

Загрузка видео блесна для Ionic 1

Кроме того, вот видео , которое я создал в Ionic 3. С нетерпением ждем хорошего решения.

Ответы [ 2 ]

0 голосов
/ 08 октября 2018

Хотя вы хотите получить специальное обновление, для этого вам понадобятся некоторые изменения в коде.Вот оно -

Добавьте это в файл app.scss 

  [ng-reflect-name="customcircles"]{
    background-image: url('https://loading.io/spinners/cutiefox/lg.cutie-fox-spinner.gif');
    background-size: cover;
  } 
 <ion-refresher (ionRefresh)="doRefresh($event)">
    <ion-refresher-content 
    refreshingSpinner="customcircles">
    </ion-refresher-content>
  </ion-refresher>
и добавьте его в файл .HTML.
Надеюсь, ты понял.
0 голосов
/ 03 октября 2018

Вы можете использовать этот код для создания пользовательского загрузчика. 

presentLoadingCustom() {
  let loading = this.loadingCtrl.create({
    spinner: 'hide',
    content: `
      <div class="custom-spinner-container">
        <div class="custom-spinner-box">
           <img src="assets/imgs/loader.gif" />
        </div>
      </div>`,
    duration: 5000
  });

  loading.onDidDismiss(() => {
    console.log('Dismissed loading');
  });

  loading.present();
}

после этого создайте анимированный GIF для цели загрузки.На данный момент вы можете использовать этот сайт для загрузки gif loader gif .Поместите этот gif-файл в папку активов и свяжите его с классом .custom-spinner-box.

...