Loading... ## 前言 折腾了许久，一点代码不懂，瞎搞，就是看主题原本的书单模板样式啥的不是太合眼，就想着重弄一个吧，但是豆瓣书单电影啥的按照原本的模板功能，无法修改封面，名称什么的，而且想单独添加一本豆瓣没有的都不太好添加，基于插件的基础上扩充了这书单页面模板。 ### 效果图 不废话，先上图： <div class="tab-container post_tab box-shadow-wrap-lg"> <ul class="nav no-padder b-b scroll-hide" role="tablist"> <li class='nav-item active' role="presentation"><a class='nav-link active' style="" data-toggle="tab" aria-controls='tabs-74c3b153cb577cce2fac7d92ce7b0092490' role="tab" data-target='#tabs-74c3b153cb577cce2fac7d92ce7b0092490'>书单页</a></li><li class='nav-item ' role="presentation"><a class='nav-link ' style="" data-toggle="tab" aria-controls='tabs-eda9c47521c1bf38fadb1fd8d41bce68341' role="tab" data-target='#tabs-eda9c47521c1bf38fadb1fd8d41bce68341'>电影页</a></li> </ul> <div class="tab-content no-border"> <div role="tabpanel" id='tabs-74c3b153cb577cce2fac7d92ce7b0092490' class="tab-pane fade active in">  </div><div role="tabpanel" id='tabs-eda9c47521c1bf38fadb1fd8d41bce68341' class="tab-pane fade ">  </div> </div> </div> <div class="panel panel-default box-shadow-wrap-lg goal-panel"> <div class="panel-heading"> 书籍电影好物页面 </div> <div class="padder-md wrapper"> <div class="streamline b-l m-b"><div class="sl-item b- b-l"> <div class="m-l"> <div class="text-muted">2024-10-19</div> <p>增加好物页面</p> </div> </div><div class="sl-item b-info b-l"> <div class="m-l"> <div class="text-muted">2024-10-11</div> <p>书籍与电影页面</p> </div> </div></div></div></div> ### 使用方法 <div class="hideContent">此处内容需要评论回复后（审核通过）方可阅读。</div> 如果刷新页面没有数据，记得安装插件后先添加几本书或电影哈。 End 文章标签：handsome，主题美化，typecho，typecho插件，typehco主题 本文标题： Handsome 助力：提升阅读观影体验的书单电影界面设计 本文链接： https://blog.demius.tech/archives/496.html 除非注明，均默认采用 CC BY-NC-SA 4.0许可协议。 声明：转载请注明文章来源。 最后修改：2024 年 10 月 22 日 © 允许规范转载 打赏 赞赏作者 微信 赞 3 如果觉得我的文章对你有用，请随意赞赏
5 条评论
滴！学生卡！打卡时间：02:08:09，请上车的乘客系好安全带~
滴！学生卡！打卡时间：22:39:29，请上车的乘客系好安全带~
风筝的线你随时可以放开，只是别盼望我会回来。
[...]Handsome 助力：提升阅读观影体验的书单电影界面设计[...]
作者的文字流畅而富有节奏感，令人为之倾倒，实在是一篇令人赞美的佳作。