离子选项卡 - 选项卡没有文字大小?
问题描述:
我在一个离子项目中工作,在导航中有三个选项卡(底部[top:android])。右边和左边都有标题/标题,但中间没有。当title属性丢失时,我想将中心调整为仅图标选项卡。离子选项卡 - 选项卡没有文字大小?
<ion-tabs class="tabs-icon-top tabs-color-active-positive" ng-class="{'tabs-item-hide': $root.hideTabs}">
<!-- Dashboard Tab -->
<ion-tab title="Check In" icon-off="check-in-icon" icon-on="check-in-icon" href="#/tab/dash">
<ion-nav-view name="tab-dash"></ion-nav-view>
</ion-tab>
<!-- Chats Tab -->
<ion-tab icon-off="add-icon" icon-on="add-icon" ng-click="ctrl.openReimbursmentModal()">
</ion-tab>
<!-- Account Tab -->
<ion-tab title="Activity Goals" icon-off="activity-watch" icon-on="activity-watch" href="#/tab/account">
<ion-nav-view name="tab-account"></ion-nav-view>
</ion-tab>
答
感谢@Flakerimi的建议,这就是我的工作。
.tabs .tab-item .icon.add-icon{
background-size: 38px 38px;
height:38px;
// margin-top: 2px;
opacity: 1;
}
.center-tab{
span.tab-title{
display: none;
}
}
答
您应该添加到#ID标签,然后检查隐藏什么,然后做它的CSS。没有其他办法。
感谢的人,我不知道是否有离子指令或方便的东西。 – rcpilotp51