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"


     
  • 相关阅读:
    [SNOI2019]数论
    [HNOI2019]校园旅行
    [TJOI2019]唱、跳、rap和篮球
    [Ctsc2015]misc
    [IOI2018] meetings 会议
    [ZJOI2019]语言
    51nod1600 Simple KMP
    [APIO2013]道路费用
    [FJOI2018]领导集团问题
    [ZJOI2012]小蓝的好友
  • 原文地址:https://www.cnblogs.com/maochunyan/p/6138058.html
Copyright © 2011-2022 走看看