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
无。