[英]ion-content overlaps with ion-header
以下是我的配置。
Ionic:
Ionic CLI : 6.6.0 (/usr/local/lib/node_modules/@ionic/cli)
Ionic Framework : @ionic/angular 5.0.7
@angular-devkit/build-angular : 0.803.26
@angular-devkit/schematics : 8.3.26
@angular/cli : 8.3.26
@ionic/angular-toolkit : 2.2.0
Capacitor:
Capacitor CLI : 2.0.0
@capacitor/core : 2.0.0
Cordova:
Cordova CLI : 9.0.0 (cordova-lib@9.0.1)
Cordova Platforms : android 8.1.0, ios 5.1.1
Cordova Plugins : cordova-plugin-ionic-keyboard 2.2.0, cordova-plugin-ionic-webview 4.1.3, (and 4 other plugins)
Utility:
cordova-res : not installed
native-run : 1.0.0
System:
Android SDK Tools : 26.1.1 (/Users/kishorpawar/Library/Android/sdk)
ios-deploy : 1.9.4
ios-sim : 8.0.2
NodeJS : v12.12.0 (/usr/local/Cellar/node/12.12.0/bin/node)
npm : 6.11.3
OS : macOS Catalina
Xcode : Xcode 11.4.1 Build version 11E503a
該文檔說以下內容。
但是,我的ion-content
與ion-header
重疊
我正在嘗試使用ion-virtual-scroll
這個用法示例。 我在論壇上嘗試了fullscreen
、 padding
、 has_header
和其他解決方案,包括舊的離子版本。
我的app.component.html
中有以下代碼。
<ion-app>
<ion-header [translucent]="true">
<ion-toolbar>
<ion-title size="medium">
<ion-img [src]="header_logo" height="150" width='150'></ion-img>
</ion-title>
</ion-toolbar>
</ion-header>
<ion-router-outlet></ion-router-outlet>
<ion-app>
並且ion-content
存在於每個組件中。
我在ionic-forum上發布了同樣的問題,來自 ionic-team 的Mike Hartington
回復了以下內容。
嘿。 所以這實際上不是你應該如何構建你的 DOM。
在這種情況下,ion-header 並不意味着是“全局”組件。 它應該包含在您的所有頁面中。 這可能就是您遇到問題的原因。
所以基本上,我必須將ion-header
從app.component.html
移動到我將要構建的每個頁面。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.