之前準(zhǔn)備使用mui做一套系統(tǒng)得，但是發(fā)現(xiàn)上手和文檔質(zhì)量并不讓人滿意。我想使用Vue將之前系統(tǒng)得架構(gòu)顛覆，但是成本太大，VueJs確實(shí)簡(jiǎn)單的多，但是如果是移植一套前端和一個(gè)$.load()這樣ajax靜態(tài)頁(yè)面的系統(tǒng)，就不那么讓人滿意了，我也考慮過(guò)Framework7確實(shí)不錯(cuò)，但是偶然看到了phonon，覺(jué)得還不錯(cuò)，github有幾百個(gè)star我決定嘗試著使用已一下。
http://phonon.quarkdev.com/docs/navigator

我到github去提問(wèn)，結(jié)果收到了這樣得回復(fù)，哎呀媽呀，好尷尬呀。。。。

hf3.png

hf1.png

然后我就自己這么去解決了問(wèn)題,每一個(gè)頁(yè)面我不去使用他的content屬性，然后自己動(dòng)態(tài)加載頁(yè)面，其實(shí)我當(dāng)時(shí)也想做插件的，不過(guò)這個(gè)框架對(duì)插件開(kāi)發(fā)支持不是很完善。

  //通知
        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);
                //隱藏導(dǎo)航
            });
        });

        //賬戶變動(dòng)
        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);
                //隱藏導(dǎo)航
            });
        });