我在尝试删除 ionic 应用程序中的 ion header border bottom 时遇到问题
这是tab-home.html
的代码:
<ion-view hide-nav-bar="true">
<ion-header-bar align-title="left" class="bar-transparent" >
<button menu-toggle="left" class="button button-icon ion-ios7-settings">
</button>
<div class="title"> </div>
<h1 class="title">proximiti</h1>
</ion-header-bar>
<!--<ion-nav-bar class="bar-transparent">
</ion-nav-bar>-->
<ion-pane ng-controller="CardsCtrl">
<!--<ion-nav-buttons side="left">
<button menu-toggle="left" class="button button-icon ion-navicon"></button>
</ion-nav-buttons>-->
<td-cards>
<td-card ng-repeat="card in cards" on-destroy="cardDestroyed($index)" on-swipe-left="cardSwipedLeft($index)" on-swipe-right="cardSwipedRight($index)" on-partial-swipe="cardPartialSwipe(amt)" class="card-{{card.index}}" ng-controller="CardCtrl">
<div class="image">
<!--<div class="yes-text" ng-style="leftTextOpacity">LIKE</div>-->
<img ng-src="{{card.image}}">
<!--<div class="no-text" ng-style="rightTextOpacity">NOPE</div>-->
</div>
</td-card>
</td-cards>
</ion-pane>
</ion-view>
正如您在这里看到的我们感兴趣的部分:
<ion-view hide-nav-bar="true">
<ion-header-bar align-title="left" class="bar-transparent" >
<button menu-toggle="left" class="button button-icon ion-ios7-settings">
</button>
<div class="title"> </div>
<h1 class="title">proximiti</h1>
</ion-header-bar>
我尝试了所有方法(在浏览器中我没有看到这个边框!),但没有任何改变! 任何人都可以帮助我尝试找到删除该边框的方法吗? 注意: 还尝试编辑 ionic.css 并仅在浏览器中更改。
编辑:它应该只隐藏在这个 View 中,所以类是透明的
最佳答案
在 ionic 2/3 中,边框将通过使用 ionic-header no-border 移除。
<ion-header no-border> </ion-header>
在 ionic 5 中,边框将通过使用 class="ion-no-border" 移除。
<ion-header class="ion-no-border"></ion-header>
关于html - 删除 ionic 头中的边框底部,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27123773/