迫于期末，花一天时间，做了 V 站人手一个 主页 on.the.top

[Austin2035]

端午安康。
期末了，急着复习，没时间。但是，最近学了 react 手痒了。

趁着端午做了这个 on.the.top 。

功能：今日热点、搜素跳转

使用说明：
按下右键 唤出今日热点
按下左键 推入
按下B键，使用必应每日图片作为壁纸

准备:

• 在右侧添加 天气与时钟等组件。
• 按下上键，弹出常用网站导航。

本次使用了 react 库，界面样式纯手撸 css，时间主要花在样式上了，尤其是动画，对我来说比较费时，算是学习了。 主要用于练手，轻喷。

[gainsurier]

域名起的不错

[Cbdy]

<img class="imgBg" alt="背景图片" src="/img/bg.jpg">

这里的 alt 不要加，不然图片没有加载出来的时候会出现文字

或者可以优化成，图片在加载的时候，显示加载动画

[Austin2035]

@Cbdy react 貌似强制要求加，不过感谢你的建议。

[Cbdy]

@lookcos alt=""，空字符串

[Austin2035]

@Cbdy Okk，感谢，我下一版试试，哈哈。

[abersheeran]

确实好看，但是右侧的滚动条？是什么情况。

[Austin2035]

@abersheeran 感谢支持，技术不太到位，实际上那是左侧 今日热点信息 list，隐藏了，完全透明，宽度为 0，但是有高度。

[Austin2035]

@abersheeran 你的 id 和头像 我看起来很熟悉，翻了翻，原来是看过你博客。貌似你也在我博客留言过，忘了。
我的博客是 lookcos.cn

[hackyuan]

@abersheeran 左侧有个今日热点列表 opacity 设为 0 了，而透明依旧是占据空间的。

[abersheeran]

@lookcos 你一提我有印象了，https://lookcos.cn/archives/946.html 是这篇文章。很棒的代码，我抄到 React 里，现在 pixiv.app/encoding 的输入框自动伸缩用的就是你这个。

[Austin2035]

@abersheeran 哈哈 怪不得

[Austin2035]

@hackyuan 专业

[Cheons]

逻辑不适合平板，
准备找个美观、简洁的导航站在平板上用

[Austin2035]

@Cheons 确实不适合平板，以后适配一下

[yws112358]

为什么我右键 就只有右键菜单 左键啥反应？ B 倒是换壁纸了

[wzzzx]

点击搜索框的时候，模糊效果卡顿。离开搜索框时，搜索栏恢复也卡顿了

[wdssmq]

@yws112358 #15 说的是方向键，不是鼠标- -

[wdssmq]

习惯用鼠标中键点链接。发现根本不是链接项 - -

[yws112358]

@wdssmq #17 😅

[Austin2035]

@yws112358 朋友们，键盘的交互只是暂时的，肯定会加按钮的，哈哈。还有好多细节要改呢。