页面跳转
# 爽客邦ES Hybrid web端-原生API
- 公共方法变量:PublicLib
# 页面跳转:
# 跳转本地页面
方法名 | 参数传递 | 说明 |
---|---|---|
Goto | {Url:'本地文件路径'} | 跳转地址为本地页面地址 |
PublicLib.Goto({Url:'index'});
/*
* params:
* {
* Url: 跳转地址(本地地址:'index')
* Jump: 跳转方式(非必填,默认为1)(Jump>3为当前页面replace)
* {
*/
1
2
3
4
5
6
7
8
2
3
4
5
6
7
8
# 跳转网络地址:
# 1.GoTo
方法名 | 参数传递 | 说明 |
---|---|---|
Goto | {Url:'http:/https:'} | 跳转站外页面方法 |
PublicLib.Goto({Url:'http://baidu.com'});
/*
* params:
* {
* Url: 跳转地址(线上地址:'http||https://www.baidu.com')
* Jump: 跳转方式(非必填,默认为1)(Jump>3为当前页面replace)
* {
*/
1
2
3
4
5
6
7
8
2
3
4
5
6
7
8
# 2.GotoUrlByBrowse
方法名 | 参数传递 | 说明 |
---|---|---|
GotoUrlByBrowse | 跳转在线url | 跳转站外页面方法 |
PublicLib.GotoUrlByBrowse('http://baidu.com');
/*
* params: (线上地址)
*/
1
2
3
4
2
3
4
# 返回页面
方法名 | 参数传递 | 说明 |
---|---|---|
GoBack | {Level:1} | 返回之前的页面 |
PublicLib.GoBack({Level:1});
/*
* params:
* {
* Level: 跳转地址(1:返回上一页 2:返回上两页 -1:返回登录页 '0':返回根节点)
* {
*/
1
2
3
4
5
6
7
2
3
4
5
6
7
# 跳转video页面
方法名 | 参数传递 | 说明 |
---|---|---|
GoToVideo | {Url:'本地文件路径',VideoUrls:'https://video/friejnmkedgm'} | 跳转站内页面并插入video页面 |
PublicLib.GoToVideo({Url:'index',VideoUrls:'https://video/friejnmkedgm'});
/*
* params:
* {
* Url: 跳转地址(本地地址:'index')
* VideoUrls: 线上vide视频地址
* {
*/
1
2
3
4
5
6
7
8
2
3
4
5
6
7
8
# 跳转地图页面
方法名 | 参数传递 | 说明 |
---|---|---|
GoToMap | {Url:'本地文件路径'} | 跳转站内页面并插入地图页面 |
PublicLib.GoToMap({Url:'index'});
/*
* params:
* {
* Url: 跳转地图页面内嵌页面
* {
*/
1
2
3
4
5
6
7
2
3
4
5
6
7
# 跳转地图页面并搜索
方法名 | 参数传递 | 说明 |
---|---|---|
MapSearch | {KeyWord:'搜索关键字'} | 跳转地图页面并做搜索 |
PublicLib.MapSearch({KeyWord:'searchkey'});
/*
* params:
* {
* KeyWord: 搜索关键字
* {
*
*/
1
2
3
4
5
6
7
8
2
3
4
5
6
7
8
# 进入主页
方法名 | 参数传递 | 说明 |
---|---|---|
GotoMain | 无 | 从登录页面跳转至首页,调用GoBack(Level:-1)才能正常返回 |
PublicLib.GotoMain();
/*
* 跳转APP定义的首页(index)
*/
1
2
3
4
2
3
4
# 打开其他APP
方法名 | 参数传递 | 说明 |
---|---|---|
OpenOtherApp | {Url:'跳转其他app所需参数'} | 打开当前设备已安装的其他App |
PublicLib.OpenOtherApp({Url:'xx=frj11&cc=dad'});
/*
* params:
* {
* Url: 跳转其他app所需参数
* {
*/
// 跳转失败处理:
window.OpenOtherAppFail() {
// 跳转APP失败!
// TODO:
};
1
2
3
4
5
6
7
8
9
10
11
12
2
3
4
5
6
7
8
9
10
11
12
# 打开微信小程序
方法名 | 参数传递 | 说明 |
---|---|---|
OpenWechatMiniProgram | {UserName:'微信小程序所需id',Path:'微信小程序所需url'} | 打开对应参数的微信小程序 |
PublicLib.OpenWechatMiniProgram({UserName:'xcxid',Path:'xcxurl'});
/*
* params:
* {
* UserName: 微信小程序所需id
* Path: 微信小程序所需url
* {
*/
// 跳转失败处理:
window.OpenWechatMiniProgramFail() {
// 跳转小程序失败!
// TODO:
};
1
2
3
4
5
6
7
8
9
10
11
12
13
2
3
4
5
6
7
8
9
10
11
12
13
# 以侧边抽屉方式打开页面
方法名 | 参数传递 | 说明 |
---|---|---|
Drawer | {Url:'跳转URL',ClickClose:'点击空白区域是否关闭',WidthProportional:'抽屉宽度',Duration:'展开关闭时间',MaskColor:'背景遮罩颜色'} | Drawer({Url:'index',ClickClose:'1',WidthProportional:'0.8',Duration:'600',MaskColor:'33FFD700'}) |
PublicLib.Drawer({Url:'index',ClickClose:'1',WidthProportional:'0.8',Duration:'600',MaskColor:'33FFD700'});
/*
* params:
* {
* Url: 跳转URL
* ClickClose: 点击空白区域是否关闭(1:关闭 0:不关闭)
* WidthProportional: 抽屉宽度(取值范围:0-1)
* Duration: 展开关闭时间(ms)
* MaskColor: 背景遮罩颜色(不带#的十六进制透明色)
* {
*/
1
2
3
4
5
6
7
8
9
10
11
2
3
4
5
6
7
8
9
10
11
# 关闭以侧边抽屉方式打开的页面
方法名 | 参数传递 | 说明 |
---|---|---|
DrawerBack | 无 | 关闭抽屉页 |
PublicLib.DrawerBack();
1
# 以弹窗形式打开页面
方法名 | 参数传递 | 说明 |
---|---|---|
PopupShow | {Url:'跳转URL',ClickClose:'点击空白区域是否关闭',Width:'弹窗宽度',Height:'弹窗高度',MaskColor:'背景遮罩颜色'} | 打开页面嵌入弹窗 |
PublicLib.PopupShow({Url:'index',ClickClose:'1',Width:'0.8',Height:'0.5',MaskColor:'33FFD700'});
/*
* params:
* {
* Url: 跳转URL
* ClickClose: 点击空白区域是否关闭(1:关闭 0:不关闭)
* Width: 弹窗宽度(取值范围:0-1)
* Height: 弹窗高度(取值范围:0-1)
* MaskColor: 背景遮罩颜色(不带#的十六进制透明色)
* {
*/
1
2
3
4
5
6
7
8
9
10
11
2
3
4
5
6
7
8
9
10
11
# 关闭以弹窗形式打开的页面
方法名 | 参数传递 | 说明 |
---|---|---|
PopupClose | 无 | 用于关闭PopupShow方法打开的页面 |
PublicLib.PopupClose();
1