如何應用UIkit2模擬gitbook的UI
我想製作出類似於gitbook的電子書UI
如圖所示..
我主要想要的功能有...
1.左邊索引切換頁面..包含顯示於手機上會縮進去
2.右邊顯示每一個章節內容..包含有向左向右翻頁的功能
這問題主要是想了解
如果要利用UIkit2做出上述的功能
可以應用哪些class製作
或者..可能還需要哪些javascript輔助產生我要的功能
我需要一些參考
剩下在自己研究~
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
GitBook 这个主题的前端页面逻辑还是比较简单、清晰的。从大的上面说,左边一个导航 div,右边一个内容区域的 div。左边导航链接点击之后,右边的内容区域 div 中的内容替换掉就可以了。当然有一些细节就不展开讨论了,比如搜索、字体,等,GitBook 用插件实现的。
Ulkit2 不太了解,不知道上面的内容是否对你有所帮助。