如何應用UIkit2模擬gitbook的UI

发布于 2022-09-05 01:09:37 字数 359 浏览 24 评论 0

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

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

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

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

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

朮生 2022-09-12 01:09:37

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

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

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文