学习ionic(一）涉及登录界面的小结

这两天学习了ionic的有关css布局，涉及到了登录框的写法，总结如下：

1.大致分为三个部分：

基本布局：标题/header，内容/content和页脚/footer

.bar位置和颜色详解

2.有关tabs的应用

tabs样式声明选项卡，用tab-item声明成员

1. 同级样式 - 同级样式与.tabs应用在同一元素上，声明选项卡的位置、配色等。
2. 下级样式 - 下级样式只能应用在.tabs的子元素上，声明子元素的大小等特征。
3. 上级样式 - 上级样式应用于.tabs的父元素中，声明选项卡的平台特征。

3.用css可以调整布局，圆弧边框

利用 border-radius可以美化输入边框，成为圆角边框。

并且输入框的placeholder的间距可以通过letter-spacing来调整

4.可以利用Ionic中自带的icon

通常可以使用i标签，如< i class=“icon ion—home”>

其大小可以通过font-size来调整