之前準備使用mui做一套系統得，但是發現上手和文檔質量并不讓人滿意。我想使用Vue將之前系統得架構顛覆，但是成本太大，VueJs確實簡單的多，但是如果是移植一套前端和一個$.load()這樣ajax靜態頁面的系統，就不那么讓人滿意了，我也考慮過Framework7確實不錯，但是偶然看到了phonon，覺得還不錯，github有幾百個star我決定嘗試著使用已一下。
http://phonon.quarkdev.com/docs/navigator
我到github去提問，結果收到了這樣得回復，哎呀媽呀，好尷尬呀。。。。
hf3.png
hf1.png
然后我就自己這么去解決了問題,每一個頁面我不去使用他的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);
//隱藏導航
});
});
