أكواد مهمة جداً

 تثبيت الأيقونات في الأسفل:

/* bottom fixed icons*/
.mobile-container {
    position: fixed;
    bottom: 0;
    width: 100%;
    text-align: center;
}
.mobile-container img {
    height: 40px;
    width: 40px;
    margin: 30px;
}

الـ HTML

    <div *ngIf="(isHandset$| async) === true" class="mobile-container">
      <img src ="../assets/icons/home.png" class="cursor" [matTooltip]="'MAIN_MENU.HOME' | translate">
      <img src ="../assets/icons/menu.png" (click)="showMenu()" class="cursor" [matTooltip]="'MAIN_MENU.MANAKISH_LIST' | translate">
      <img src ="../assets/icons/multimedia.png" (click)="showVideos()" class="cursor" [matTooltip]="'MAIN_MENU.MARKETING_VIDEOS' | translate">
  </div>

المرجع:
https://stackoverflow.com/questions/47929257/multiple-fixed-icons-on-bottom-of-page-but-only-one-showing


الملاحة داخل في الموقع أو خارجه

  navigate(page: string, inside: boolean) {
    if (inside === true) {
      this.scrollService.backToTopFunction();
      this.router.navigate([page])
    } else {
      window.open(page);
    }
  }







































تعليقات

المشاركات الشائعة من هذه المدونة

ngx-extended-pdf-viewer

how to getting access token for https://fcm.googleapis.com/v1/projects/al-ayahya-co/messages:send for angular and backend nestjs

طريقة تفعيل زر Inline Keyboard في Telegram Bot