onsen

1.<ons-page>  覆盖整个屏幕，并用作其他元素的容器。管理多个视图时，所有视图都必须包含在<ons-page>元素中。

2<ons-navigator>处理一堆页面

3<template>推送到导航器的页面是使用<template>元素定义

4<ons-tabbar>导航 <ons-tab>子项

一个选项卡接受多个attriutes改变其风格和行为，即page，label或icon。

5<ons-splitter>菜单   <ons-splitter-content>和<ons-splitter-side>元素添加为子项

 主要内容包含在内部<ons-splitter-content>。每个Splitter必须包含一个<ons-splitter-content>。

该<ons-splitter-side>支持控制菜单的行为的若干属性。swipeable属性 （滑动来打开和关闭菜单。）、 collapse属性（菜单支持两种模式：“折叠”和“分割”模式。）

6<ons-list>    <ons-list-item><ons-list-header>子项

expandable属性来创建扩展以显示额外内容的列表项

tappable属性用于在用户点击列表项时向其提供指示

modifier属性应用修改器

创建插入列表，可以inset

longdivider和nodivider改性剂可被用于完全改变长度或删除列表项之间的分隔（水平线）

添加nodivider修饰符，可以删除分隔符

7<ons-list-item ons-lazy-repeat="list.delegate">{{ item }}</ons-list-item>

ons-lazy-repeat  帮助渲染大量项目    当用户滚动时，它将删除屏幕外的项目并添加动态可见的元素。

delegate必须定义一个名为的对象。此对象包含有关如何创建新项目以及列表中有多少项目的信息。

calculateItemHeight在delegate获取元素索引的对象中传递可选函数并返回其近似高度。这可以增强计算并允许更好的滚动。

8<ons-pull-hook>   通常作为<ons-page>元素的直接后代   使用者拉下页面执行动作。

ons-pull-hook>有三种不同的状态：

• initial - 初始状态。
• preaction - 释放后将运行回调。
• action - 目前正在运行回调。

9.<ons-carousel>创建轮播。