其他分享
首页 > 其他分享> > ionic新增tbas页面

ionic新增tbas页面

作者:互联网

新建页面

ionic g page tabs

在这里插入图片描述

删除路由

在src\app\app-routing.module.ts下将tab4路由删除
在这里插入图片描述

在tabs下配置tabs4的路由

src\app\tabs\tabs-routing.module.ts:
在这里插入图片描述

新建tabs4的切换按钮

在tabs页面中新建tabs4的切换按钮
src\app\tabs\tabs.page.html:
在这里插入图片描述
打开页面,我们可以看到新的tabs4页面如下:
在这里插入图片描述
如果想要更换图标,可以去网站:https://ionicons.com/寻找
在这里插入图片描述
在这里插入图片描述
想要何种图标只需将图标名称复制到组件中即可
在这里插入图片描述
可以看到,tabs4的图标变成了我们想要的图标
在这里插入图片描述

标签:src,tbas,tabs,app,页面,tabs4,ionic,图标
来源: https://blog.csdn.net/u010574271/article/details/115261215