繁体   English   中英

如何在离子框架+角的顶部制作标签?

[英]how to make tab on top in ionic framework + angular?

我能在jQuery mobile https://jsfiddle.net/j14u1kLx/上进行制作吗

http://ionicframework.com/docs/api/directive/ionTabs/但这些选项卡随便出现了,我需要在小提琴中所做的标题上添加选项卡。请给我打电话,我将如何完成离子相同的任务。我是能够使用jquery mobile做。

<div data-role="tabs" id="tabs">
  <div data-role="navbar">
    <ul>
      <li><a href="#one" data-ajax="false">one</a></li>
      <li><a href="#two" data-ajax="false">two</a></li>
      <li><a href="ajax-content.html" data-ajax="false">three</a></li>
    </ul>
  </div>
  <div id="one" class="ui-body-d ui-content">
    <h1>First tab contents</h1>
  </div>
  <div id="two">
    <ul data-role="listview" data-inset="true">
        <li><a href="#">Acura</a></li>
        <li><a href="#">Audi</a></li>
        <li><a href="#">BMW</a></li>
        <li><a href="#">Cadillac</a></li>
        <li><a href="#">Ferrari</a></li>
    </ul>
  </div>
</div>

谢谢

请参阅此链接:

http://ionicframework.com/docs/components/#striped-style-tabs

为了使标题显示在顶部,有一种方法是,可以从css文件中删除此类的css样式“ position:abolute”,否则将其设为“ position:Inherit”。 这样可以解决目的。

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM