İki sekmeli bir sekme bileşenim var. Düğmeler tıklanabilir ve düğmelerin nerede olması gerektiğine tıklandığında sekme içeriğinin doğru görüntüleniyor, ancak düğmeler görünmez.Sekme düğmeleri var ancak görünmüyor
<ion-header>
<ion-navbar>
<ion-title>{{coupon.title}}</ion-title>
</ion-navbar>
</ion-header>
<ion-content>
<div class="coupon-image-container">
<img src={{coupon.mainImage}}/>
<button ion-button class="left">Redeem</button>
</div>
<ion-tabs class="coupon-tabs">
<ion-tab tabIcon="map" [root]="mapTab" tabTitle="Map"></ion-tab>
<ion-tab tabIcon="information" [root]="infoTab" tabTitle="Info"></ion-tab>
</ion-tabs>
</ion-content>
Başka bir kodun gerekli olduğunu düşünmüyorum ama gerekirse daha fazlasını sağlayacağım. mapTab
ve infoTab
bileşenlerinin içeriklerinin iyi gösterildiğini ve sekme düğmelerinin nerede olması gerektiğine tıklayarak dediğim gibi, düğmeler sadece beyazdır.
Düzenleme:
<ion-tabs class="coupon-tabs">
<ion-tab tabIcon="map" [root]="mapTab" tabTitle="Map"></ion-tab>
<ion-tab tabIcon="information" [root]="infoTab" tabTitle="Info"></ion-tab>
</ion-tabs>
yüzden kesinlikle hiçbir şey vardır: Öyle gibi sekme bileşeni hariç bileşende her şeyi kaldırırsanız vaka birisi soracaktım Sadece içeri, hala aynı şeyi yapar diğer içerikle yap.
Düzenleme: http://g.recordit.co/WDkjkSz6re.gif
Düzenleme: Burada iyon sekmesinde stilleri var
element.style {
}
main.css:25224
.coupon-tabs ion-tab {
color: black;
top: 56px;
}
main.css:5136
ion-tab.show-tab {
display: block;
}
main.css:5145
ion-app, ion-nav, ion-tab, ion-tabs, .app-root, .ion-page {
contain: strict;
}
main.css:5132
ion-tab {
display: none;
}
main.css:5128
ion-nav, ion-tab, ion-tabs {
overflow: hidden;
}
main.css:5116
ion-app, ion-nav, ion-tab, ion-tabs, .app-root {
left: 0;
top: 0;
position: absolute;
z-index: 0;
display: block;
width: 100%;
height: 100%;
}
main.css:4986
* {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-tap-highlight-color: transparent;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
}
Inherited from ion-tabs.coupon-tabs.tabs.tabs-md.tabs-md-primary
main.css:25219
.coupon-tabs {
position: relative;
color: black;
}
main.css:4986
* {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-tap-highlight-color: transparent;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
}
belki kupon sekmeleri sınıfı? –
@ZhangBruce Bu, henüz üzerinde herhangi bir özellik ayarlanmamış. – chrispytoes
Bu garip, bende aynı kod var ama iyon-sekmelerde bir renk = "beyaz" öznitelikleri –