Html 在上面的选项卡上按“离子”键放置项目?
我想放置一个元素,在本例中是一个Html 在上面的选项卡上按“离子”键放置项目?,html,css,position,ionic,Html,Css,Position,Ionic,我想放置一个元素,在本例中是一个。我想在标签上显示这个,如图所示。 我试过很多东西,但都不管用。此视图是一个模板,在另一个文件中是选项卡 <ion-view title='<ion-nav-buttons class="btn-retroceder" side="left"><a class="button button-icon" href="#/MenuPrincipal"><i class="ion-chevron-left"></i>
。我想在标签上显示这个,如图所示。
我试过很多东西,但都不管用。此视图是一个模板,在另一个文件中是选项卡
<ion-view title='<ion-nav-buttons class="btn-retroceder" side="left"><a class="button button-icon" href="#/MenuPrincipal"><i class="ion-chevron-left"></i></a></ion-nav-buttons>'>
<ion-content ng-controller="TomaDecisionesController">
<div class="bar bar-header bar-tomaDecisiones">
<h1 class="title tituloBarToma"> title</h1>
</div>
<div class="padding contenido-toma-decisiones">
<label class="item " href="#">
<select ng-model="eps1" class="item item-input" style='width: 100%;'>
<option style="display:none" value="">x</option>
</select>
</label>
<label class="item " href="#">
<select ng-model="eps2" class="item item-input" style='width: 100%;'>
<option style="display:none" value="">x</option>
</select>
</label>
</div>
//*******************
//this is the div
<div>
<label class="item " href="#" >
<select ng-model="criterio" class="item item-input" style='width: 100%;'>
<option style="display:none" value="">CRITERIO</option>
<option value="">CRITERIO2</option>
<option value="">CRITERIO3</option>
</select>
</label>
</div>
<ion-content>
标题
x
x
//*******************
//这是分区
标准
准则2
准则3
我希望这个div总是这样固定,在同一个位置。(和标签一样)你说过“你试了很多”…也试一下。可能会有帮助。 如图所示,使用选项卡添加此选项
style=“bottom:54px;”“
是bcoz,制表符覆盖它。你可以找到更好的方法
<div class="tabs " style="bottom:54px;display: block">
<label class="item block " href="#" >
<select ng-model="criterio" class="item item-input block" style='width: 100%;'>
<option style="display:none" value="">CRITERIO</option>
<option value="">CRITERIO2</option>
<option value="">CRITERIO3</option>
</select>
</label>
</div>
<ion-tabs class="tabs-icon-top tabs-positive">
<ion-tab title="Home" icon="ion-home" ui-sref="tabs.home">
<ion-nav-view name="home-tab"></ion-nav-view>
</ion-tab>
<ion-tab title="About" icon="ion-ios-people"">
<ion-nav-view name="about-tab"></ion-nav-view>
</ion-tab>
</ion-tabs>
标准
准则2
准则3
谢谢但如果我这样做,它将出现在所有选项卡中。我只想在这个模板中。。