本期内容,想在这里给大家分享 CodeFun 上线的功能:
- 页面跳转, 相信很多Web开发者都知道,在开发Web程序的时候,对于页面之间的跳转,有很多种,但是有效的跳转则事半功倍,codefun针对这种情况的处理方式是什么呢?接下来就和大家分享一下。
这个功能让你可以自由设置页面的跳转逻辑,能很方便完成一个高保真的交互原型。
这里举例说明。假设需求是点击 A 页面的某个区域跳转到 B 页面,如下图。
设置方法
- 进入 A 页面的详情页,选择交互区域;
- 点击右方的"交互"栏目,选择 B 页面
\
如果你希望继续进入 B 页面进行下一级的跳转设置,可以这样:
在交互选项中,除了页面跳转页面,还有“返回上一级”的选项,它的效果是也页面跳转刚好相反。
跳转代码
设置了页面跳转的区域,相当于在该区域添加了一个点击事件,事件中自动添加了跳转代码。
在微信小程序平台,跳转代码所用的 api 是 wx.navigateTo(),微信小程序对于这个 api 的跳转层级是有限制的,最多 10 层,这里需要注意,而 H5 则没有这个限制。
view_OnClick() {
wx.navigateTo({
url: '/pages
});
}
跳转的代码只有在"全部生成"的时候才会生成,如果只查看或者下载单页面代码时是没有跳转代码的。
END