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"


     
  • 相关阅读:
    Angular(一)
    go微服务系列(四)
    导包路径
    django导入环境变量 Please specify Django project root directory
    动手动脑三
    动手动脑二
    大柱
    日报
    验证码
    动手动脑
  • 原文地址:https://www.cnblogs.com/maochunyan/p/6138058.html
Copyright © 2011-2022 走看看