如何在Ionic的离子内容中插入制表符
如何在Ionic的离子内容中插入制表符
提问于 2015-05-26 21:59:50
我一直使用强大的框架Ionic来开发我的移动应用程序。一切似乎都很正常。
我想在我的应用程序中添加一些特别的东西。我想在一个离子内容里面有标签。
我使用的是按钮栏标签。我不确定这是不是正确的解决方案。
我还想让你知道，我已经在我的应用程序中使用了标签工具，所以在我的app.js中，我确实有一些导航标签的代码。因此，我不知道如何才能为另一个页面添加另一个页面。
我的代码：
CODEPEN
这是我想要的：
下面是我的一些代码：
<body>
<div>
<ion-header-bar class="bar-stable">
<button class="button button-clear button-positive" href="index.html">Retour</button>
<h1 class="title">Détails</h1>
</ion-header-bar>
<ion-content>
<div class="item item-divider" style="height:45px">
<div style="display:inline-block; left:10px; position:absolute;">
<h5>Competiton</h5>
<h5>14th journey</h5>
</div>
<div style="display:inline-block; right:10px; position:absolute;">
<h5>25 MAI 2015</h5>
<h5>18:00</h5>
</div>
</div>
<div class="item item-text-wrap" style="height:100px">
<img src="http://upload.wikimedia.org/wikipedia/en/6/6a/Zte_Football_Club_Logo_90.png" style="width:55px; height:55px; position:absolute; left:10px; top:12px">
<img src="http://upload.wikimedia.org/wikipedia/en/6/6a/Zte_Football_Club_Logo_90.png" style="width:55px; height:55px; position:absolute; right:10px; top:12px" >
<h4 style="position:absolute; left:10px; top:70px">ASROME</h4> <h4 style="position:absolute; right:10px; top:70px">LAZIO</h4>
<h4 style="position:absolute; left:150px; top:35px">3</h4> <h4 style="position:absolute; right:150px; top:35px">2</h4>
</div>
<div class="button-bar">
<a class="button" tab-state ui-sref="home">Résumé</a>
<a class="button" tab-state ui-sref="contact">Composition</a>
</div>
</div>
</body>回答 3
Stack Overflow用户
发布于 2015-07-20 06:15:52
我也有同样的问题，我像这样解决了它。
<ion-view view-title="Tabs">
<ion-pane>
<ion-tabs class="tabs-top">
<!-- Tab 1 -->
<ion-tab title="Tab 1" href="#/tab/tab1">
<ion-nav-view name="tab-tab1">
<ion-content>
Tab 1 content
</ion-content>
</ion-nav-view>
</ion-tab>
<!-- Tab 2 -->
<ion-tab title="Tab 2" href="#/tab/tab2">
<ion-nav-view name="tab-tab2">
<ion-content>
Tab 2 content
</ion-content>
</ion-nav-view>
</ion-tab>
</ion-tabs>
</ion-pane>
</ion-view>Stack Overflow用户
发布于 2017-06-23 07:36:26
当你想让用户在你的应用程序中的不同页面之间来回移动时，你应该使用标签栏而不是分段控件。
对于您的解决方案，您必须使用细分。
http://ionicframework.com/docs/api/components/segment/Segment/
Stack Overflow用户
发布于 2015-10-19 17:17:06
As说离子文档
注意:不要将ion-tab放在ion-content元素中；众所周知，这会导致特定的CSS错误。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/30460750
复制相关文章
相似问题
腾讯云开发者
