如何應用UIkit2模擬gitbook的UI

Question

我想製作出類似於gitbook的電子書UI
如圖所示..

我主要想要的功能有...
1.左邊索引切換頁面..包含顯示於手機上會縮進去
2.右邊顯示每一個章節內容..包含有向左向右翻頁的功能

這問題主要是想了解
如果要利用UIkit2做出上述的功能
可以應用哪些class製作
或者..可能還需要哪些javascript輔助產生我要的功能

我需要一些參考
剩下在自己研究~

Answer 1

GitBook 这个主题的前端页面逻辑还是比较简单、清晰的。从大的上面说，左边一个导航 div，右边一个内容区域的 div。左边导航链接点击之后，右边的内容区域 div 中的内容替换掉就可以了。当然有一些细节就不展开讨论了，比如搜索、字体，等，GitBook 用插件实现的。

Ulkit2 不太了解，不知道上面的内容是否对你有所帮助。