本文档介绍如何使用Ionic4.x框架创建一个京东风格的标签栏应用。首先，通过`ionic start`创建一个基于tabs的项目，然后配置路由，新建tab页面并修改底部标签的文字和图标。在tabs.page.html中添加自定义按钮，并在`variables.scss`文件中调整标签栏的颜色和图标的选中状态。最后，通过`app.module.ts`配置全局样式，确保在Android和iOS上的样式统一。
一、创建项目
1. ionic start jdshop tabs
2. 在npm i 时ctrl+c结束，
3. cd jdshop
cnpm install
4. ionic serve
二、标签栏
1.新建tab4页面
ionic g page tab4
2.配置路由
新建tab4页面会默认在app-routing.module.ts里配置路由
要把tab4部分剪切，粘贴到tabs-routing.module.ts里，并修改路径变成'../tab4/tab4.module'
3.在tabs.page.html里新增按钮
订阅专栏 解锁全文
2万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
