首页 > 其他 > 详细

【Ionic系列】2、仿京东商城项目功能分析 修改tabs颜色

时间:2018-02-12 19:40:08      阅读:581      评论:0      收藏:0      [点我收藏+]
1 打开VSCode以后
2 快捷键 Ctrl+J 打开终端
3 创建以下3个页面
4 ionic g page cart
5 ionic g page category
6 ionic g page user
7 并且删除自带的
8 about、contact

技术分享图片

技术分享图片

技术分享图片

1 打开app/app.module.ts,
2 删除出错的两个引用
3 import { AboutPage } from ‘../pages/about/about‘;
4 import { ContactPage } from ‘../pages/contact/contact‘;
5 添加刚才添加的3个引用

技术分享图片

技术分享图片

1 打开pages/tabs/tabs.html
2 以及pages/tabs/tabs.ts 
3 修改底部导航

技术分享图片

技术分享图片

1 打开theme/variables.scss
2 添加mytabs的全局样式

技术分享图片

1 保存后自行命令,启动ionic
2 ionic serve

技术分享图片

技术分享图片

 

【Ionic系列】2、仿京东商城项目功能分析 修改tabs颜色

原文:https://www.cnblogs.com/wls-blogs/p/8445165.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!