PhoneGap中文网

 找回密码
 立即注册
查看: 20399|回复: 3
打印 上一主题 下一主题

Ionic如何实现自己想要的界面效果

[复制链接]

55

主题

127

帖子

584

积分

高级会员

Rank: 4

积分
584
跳转到指定楼层
楼主
发表于 2016-3-8 09:52:10 | 只看该作者 |只看大图 回帖奖励 |倒序浏览 |阅读模式
大神们,如果我用ionic来实现自己的想要的界面效果,是怎么实现?我之前都是用的Ionic默认样式。
如header自定义高和背景图,是要改掉ionic.css的源码吗?
还有一些看起来很高逼格的效果,如馋口街的主页、乐贴的侧边tab、图3那样的点击就展开的菜单、日丰的树图、走客的底部自定义tab。
做这些东西需要改变Ionic的默认样式吗?还是我在style.css中自定义?

馋口街zhuye.png (56.21 KB, 下载次数: 397)

馋口街zhuye.png

乐贴cetab.jpg (43.69 KB, 下载次数: 386)

乐贴cetab.jpg

caidan.jpg (27.39 KB, 下载次数: 419)

caidan.jpg

日丰树图.jpg (35.25 KB, 下载次数: 405)

日丰树图.jpg

走客tab.jpg (76.73 KB, 下载次数: 405)

走客tab.jpg
回复

使用道具 举报

11

主题

529

帖子

1418

积分

金牌会员

Rank: 6Rank: 6

积分
1418
沙发
发表于 2016-3-8 10:00:06 | 只看该作者
在你的style.css中自定义


有些样式内置的可以写的时候给加class

有些的话就需要你找到对应的元素,然后冲突他内置的css样式,改为自己的css样式

注意:你的style.css放到默认css下面
回复 支持 反对

使用道具 举报

55

主题

127

帖子

584

积分

高级会员

Rank: 4

积分
584
板凳
 楼主| 发表于 2016-3-8 10:13:27 | 只看该作者
ionicwang 发表于 2016-3-8 10:00
在你的style.css中自定义

你真是热心
要实现图3是不是很复杂
回复 支持 反对

使用道具 举报

55

主题

127

帖子

584

积分

高级会员

Rank: 4

积分
584
地板
 楼主| 发表于 2016-3-8 14:19:02 | 只看该作者
如何在ion-tab上显示自定义图标
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关闭

站长推荐 上一条 /1 下一条

ionic4视频教程

Archiver|手机版|小黑屋| PhoneGap中文网 ( 京ICP备13027796号-1 )  

GMT+8, 2024-11-24 08:56 , Processed in 0.090657 second(s), 33 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表