So!azy

又迭代了一下博客的「Movies」页面

之前自己写了一个用于同步豆瓣已看列表的页面,把它放在博客导航里,这个页面叫做「Movies」,恰好和「Daily」「Article」这两个单数名词形成了反差,我觉得这里也就不解释了。

新的 Movies 页面(日间和夜间模式)

▲ 第一版本的 Movies 页面(日间和夜间模式)

这个页面搭建的原理我之前已经在《博客新增「Movies」页面》做过介绍了。今天闲来无事,继续上次的这个版本,迭代了一些我自己需要的功能。

日间模式下的影片详情(配偏长的个人短评)

▲ 日间模式下的影片详情(配偏长的个人短评)

夜间模式下的影片详情(配偏长的个人短评)

▲ 夜间模式下的影片详情(配偏长的个人短评)

这次的迭代主要在保持原有的样式前提下,增加 PC Web 浏览时鼠标指针悬停到电影封面上的效果,会悬浮一张卡片,主要用来显示我自己对于这部作品的「评分」和「短评」。其他的信息主要是不想让这张卡片太空。上图展示的是一部比较极限的情况,也就是短评写得很长,卡片的显示效果。

日间模式下的影片详情(配短的个人短评)

▲ 日间模式下的影片详情(配短的个人短评)

夜间模式下的影片详情(配短的个人短评)

▲ 夜间模式下的影片详情(配短的个人短评)

一般情况下,我也不太会写很长的「短评」,毕竟如果想长篇大论,就只写文章了。整体上效果我还算满意。

移动端原则上没有鼠标指针这玩意儿,所以还是保持原有样式。不过修复了一个原来移动端点击来到了一个非常草率的豆瓣页面的问题。

移动端跳转后的豆瓣样式修复

▲ 移动端跳转后的豆瓣样式修复

你八成会认为这就是替换一个 URL 模板的事儿,很简单。其实不然,这里面有好几个问题的嵌套,搞了我好一会儿。不过,总算修好了!

#daily