读书笔记书架 · 设计 Demo · 立书抽书

立书搁板 + 抽书悬停;豆瓣卡无封面;笔记正文链到迷你 garden 真渲染。点卡片进对应页。

书架

立书搁板 · 浅色

书架 · 浅色

横排搁板 + 站立封面;悬停抬起(抽书);标签:笔记篇数 · 日期。

shelf.html
书架深色

书架 · 深色

同布局深色态,校验对比度与悬停阴影。

shelf-dark.html
书架手机

书架 · 手机

窄屏横滑立书;触控抬起。

shelf-mobile.html

书详情

书详情单笔记

书详情 · 单笔记直出

独立封面英雄区 + 无封面豆瓣卡 + 安静文字链;正文占位待挂真组件。

book.html
书详情单笔记深色

书详情 · 单笔记 · 深色

同上深色态;出处为文字链。

book-dark.html
书详情多笔记

书详情 · 多笔记列表

一书多笔记:卡片列表,点进阅读态。无按章、无原书站。

book-multi.html
书详情多笔记深色

书详情 · 多笔记 · 深色

多笔记列表深色态。

book-multi-dark.html

博文内嵌 · 笔记阅读

博文内嵌 douban-book

博文内嵌 douban-book

通用 BookCard:丰满/简卡默认无封面、无 PDF;fence 一行豆瓣链接。

blog-embed.html
笔记阅读浅色

笔记阅读态 · 浅色

多笔记列表点进后的独立阅读页(浅色)。

note-light.html
笔记阅读深色

笔记阅读态 · 深色

同上深色态。

note-dark.html

规格:可执行规格.md · 缩略图为同目录 PNG;无图则空白芯片底。 · 体验以 HTML 为准(PNG 缩略可能过期)。