个人博客全新UI:我心中你最美 (3)

个人博客全新UI:我心中你最美

此组件的名称是 aplayer,是 B 站的音频组件,我有幸贡献了源码。

当页面内容过多,必须有一个滚动按钮,来保证用户迅速回到导航栏(页面头部)。参考 NexT 的 UI 设计,基本一模一样实现了他的滚动组件:

个人博客全新UI:我心中你最美

为了提高交流体验,必须引入评论系统。其实在实现这一部的时候,很累(做完上面的东西)。翻了翻开源的评论系统,发现了 Valine。

因此,在文章浏览页面、关于页面和友链页面,都引用了 Valine 组件:

个人博客全新UI:我心中你最美

当你缓慢拖到页面底部,你会发现页面的简介和备案号(我国独有哈哈哈),当然,不能让他们影响页面美观是吧?

个人博客全新UI:我心中你最美

7. 未完待续

不知道下次你会是什么模样?

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wpzddf.html