之前准备使用mui做一套系统得,但是发现上手和文档质量并不让人满意。我想使用Vue将之前系统得架构颠覆,但是成本太大,VueJs确实简单的多,但是如果是移植一套前端和一个$.load()这样ajax静态页面的系统,就不那么让人满意了,我也考虑过Framework7确实不错,但是偶然看到了phonon,觉得还不错,github有几百个star我决定尝试着使用已一下。
http://phonon.quarkdev.com/docs/navigator
我到github去提问,结果收到了这样得回复,哎呀妈呀,好尴尬呀。。。。
然后我就自己这么去解决了问题,每一个页面我不去使用他的content属性,然后自己动态加载页面,其实我当时也想做插件的,不过这个框架对插件开发支持不是很完善。
//通知
app.on({page: 'notice_page',}, function (activity) {
activity.onHashChanged(function (router) {
var url = "/sys/_notice_list";
$("notice_page").load(url);
});
activity.onReady(function () {
settingHelper.setTabIndex(1);
//隐藏导航
});
});
//账户变动
app.on({page: 'user_finance_logs',}, function (activity) {
activity.onHashChanged(function () {
var url = "/user/finance_logs";
$("user_finance_logs").load(url, function () {
//初始化tab
phonon.tab().init();
});
$("#bottom-bar").hide();//隐藏
});
activity.onHidden(function () {
$("#bottom-bar").show();
});
activity.onReady(function () {
settingHelper.setTabIndex(3);
//隐藏导航
});
});