ionic—基于web的移动端app开发框架(CSS篇1)

ionic是一款可以利用html5+css3+javascript搭建移动原生应用的一个工具。

ionic CSS(1)

1、header部分:

1.1基本语法

header

class添加不同的属性可以定义不同的颜色:

bar-light bar-stable bar-positive bar-calm bar-balanced bar-energized bar-assertive

bar-royal bar-dark

2.2补充:头部代码示例

  

    

//设定左侧按钮及图标

header

` //ionic自动将最后一个图标放在最右侧,其他图标从左向右一次排列

  

2、sub header部分:

header

header

3、footer部分:

footer可以使用和header相同的颜色样式

4、button部分

4.1基本语法:”button”>button

button可以与header颜色使用相同颜色默认样式

添加button-full 使button占满父元素宽度

button-smallbutton-largeionic中内置的大小设置

添加button-outline,只显示框线的button

4.1制作带iconbutton

Loading...

4.3button组:”button-bar”>first......

 

 

你可能感兴趣的:(html5,css3,前端,javascript,移动,javascript)