1Introduction
- description:单页应用 UI
- author:ydr.me
- create:2016-04-29 10:24
- update:2018年03月08日10:27:04
- github:https://github.com/blearjs/blear.ui.application
2Example
var Application = require('blear.ui.application');
var Router = require('blear.classes.router');
var router = new Router();
var app = new Application(router, {
el: '#app'
});
router.start();
3路由跳转
<a redirect="path/to">redirect 跳转,会产生新的历史记录</a>
<a rewrite="path/to">rewrite 跳转,不会产生新的历史记录</a>
4Static
静态属性、方法
4.1defaults
4.1.1defaults.el
- 类型:
String | HTMLElement
- 说明:单页面应用管理的节点
- 默认:
null
4.1.2defaults.platform
- 类型:
String
- 说明:单页面应用平台,支持
mobile
和desktop
,在mobile
平台下,页面视图会铺满这个 window,而desktop
平台下则不会 - 默认:
mobile
4.1.3defaults.showAnimation(el, options, done)
- 类型:
Function
- 说明:页面显示的过场动画
- 默认:
mobile
4.1.4defaults.showAnimation: el
- 类型:
HTMLDivElement
- 说明:视图容器元素
4.1.5defaults.showAnimation: options
- 类型:
Object
- 说明:视图参数
4.1.6defaults.showAnimation: options.direction
- 类型:
String
- 说明:视图显示方向
none
:第一个视图的显示forward
:前进方向back
:后退方向
4.1.7defaults.showAnimation: done
- 类型:
Function
- 说明:动画结束回调
4.1.8defaults.hideAnimation(el, options, done)
- 类型:
Function
- 说明:页面隐藏的过场动画
- 默认:
mobile
4.1.9defaults.hideAnimation: el
- 类型:
HTMLDivElement
- 说明:视图容器元素
4.1.10defaults.hideAnimation: options
- 类型:
Object
- 说明:视图参数
4.1.11defaults.hideAnimation: options.direction
- 类型:
String
- 说明:视图显示方向
none
:第一个视图的显示forward
:前进方向back
:后退方向
4.1.12defaults.hideAnimation: done
- 类型:
Function
- 说明:动画结束回调
5new Application(router, options)
Application 模块是和 blear.classes.Router 模块一起配合使用的。 Router 模块实现路由的管理,Application 实现页面路由与控制器的组合。
options
参数默认值为 defaults
。
6Prototype
6.1#destroy()
销毁实例。
7Events
无。