zoukankan      html  css  js  c++  java
  • ionic的tabs

    <ion-tabs class="tabs-icon-top/bottom(决定这个tabs是置于上面还是底部)  tabs-color-active-positive(图标与字体色) tabs-balanced(选项卡总的一横栏背景色)" >

           <ion-tab title="tab1(tab上显示tab文字)"  icon-on="点击时出现的图标"  icon-off="取消点击时出现的图标" href="#/tab/tab1(点击后需要         跳转的路径)">

          </ion-tab>

    </ion-tabs>

    PS :

    1.在 tabs 类后添加 tabs-icon-only 类可设置只显示图标选项卡。

    2.在tabs行 添加tabs-striped 可在tab上添加一横的效果

    3.如果tab在顶部,要放置在底部,可在app.js中的config中配置该项

    $ionicConfigProvider.platform.android.tabs.style('standard');适用于安卓

    4.如何修改tab中的图片:首先写个该图片作为背景的样式,定义好背景的大小。,如下:

    .tabsHome1{
    background: url('../img/home1.png') no-repeat center;
    background-size: 0.8em 0.8em;
    }
    然后将样式放进icon-on中即为选中状态的图片了
    icon-on="tabsHome1"


     
  • 相关阅读:
    转载:linux or unit 连接 windows的远程桌面-rdesktop(略有修改)
    Excel技巧
    Linux实用配置(ubuntu)
    转载:VMware linux 虚拟机中修改MAC地址
    windows技巧
    cdoj1099
    hdu1160(问题)
    c#学习笔记
    hdu1176
    qsort(),sort() scanf();
  • 原文地址:https://www.cnblogs.com/maochunyan/p/6138058.html
Copyright © 2011-2022 走看看