在 tabs 页面写入自定义的图标
<ion-tab href="#/tab/activeity" icon="bar-activity-on" icon-on="bar-activity-on" icon-off="bar-activity-off">
<ion-nav-view name="activity-tab"></ion-nav-view>
<ion-tab/>
在css样式中写入
.tab-item i.bar-activity-on {
background-image: url(../img/active-click.png);
}
.tab-item i.bar-activity-off {
background-image: url(../img/active.png);
}
.tab-item i.bar-teahouse-on {
background-image: url(../img/tea-house-click@3x.png);
}
这样就可以使用自己定义的小图标了
在 tabs 页面写入自定义的图标 在css样式中写入 .tab-item i.bar-activity-on {...
安装ionic、安装cordova 创建带tab导航的ionic3项目（其它类型blank/sidemenu） 创...
目的 由于项目中将会使用Tab进行布局，所以学习使用Tab进行布局 创建带Tab的项目 输入命令ionic sta...
$ ionic start SmSt tabs$ cd SmSt 安装自定义插件ionic cordova plu...
关于ionic中tabbar的设置，tab.html中配置如下图所示： 使用ionic系统自带的即可配置 条纹选项...
1.在theme文件夹下新建icons.scss文件,直接贴代码 .ion-tab-icon-base { wi...
ionic2添加自定义icon
自定义组件的步骤 以tab切换组件为例 创建自定义组件创建components/tab文件夹在tab上右键，新建C...
自定义组件的步骤 以tab切换组件为例 创建自定义组件创建components/tab文件夹在tab上右键，新建C...
修改字体颜色(非自定义Tab) 修改字体颜色(自定义Tab) 修改字体大小 去除点击效果
本文标题：ionic 自定义tab小图标
本文链接：https://www.haomeiwen.com/subject/xmjimttx.html
网友评论