码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2018-02-12 20:03:20      阅读:147      评论:0      收藏:0      [点我收藏+]

标签:http   nbsp   引用   contact   src   技术   tab   颜色   vscode   

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颜色

标签:http   nbsp   引用   contact   src   技术   tab   颜色   vscode   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!