V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
lookcos
V2EX  ›  分享创造

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

  •  
  •   lookcos · 52 天前 · 2863 次点击
    这是一个创建于 52 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

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

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

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

    准备:

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

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

    30 条回复    2021-06-20 11:14:23 +08:00
    gainsurier
        1
    gainsurier   52 天前   ❤️ 1
    域名起的不错
    Cbdy
        2
    Cbdy   52 天前
    <img class="imgBg" alt="背景图片" src="/img/bg.jpg">

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

    或者可以优化成,图片在加载的时候,显示加载动画
    lookcos
        3
    lookcos   52 天前
    @Cbdy react 貌似强制要求加,不过感谢你的建议。
    Cbdy
        4
    Cbdy   52 天前   ❤️ 1
    @lookcos alt="",空字符串
    lookcos
        5
    lookcos   52 天前
    @Cbdy Okk,感谢,我下一版试试,哈哈。
    abersheeran
        6
    abersheeran   52 天前
    确实好看,但是右侧的滚动条?是什么情况。
    lookcos
        7
    lookcos   52 天前
    @abersheeran 感谢支持,技术不太到位,实际上那是左侧 今日热点信息 list,隐藏了,完全透明,宽度为 0,但是有高度。
    lookcos
        8
    lookcos   52 天前
    @abersheeran 你的 id 和头像 我看起来很熟悉,翻了翻,原来是看过你博客。貌似你也在我博客留言过,忘了。
    我的博客是 lookcos.cn
    hackyuan
        9
    hackyuan   52 天前
    @abersheeran 左侧有个今日热点列表 opacity 设为 0 了,而透明依旧是占据空间的。
    abersheeran
        10
    abersheeran   52 天前
    @lookcos 你一提我有印象了,https://lookcos.cn/archives/946.html 是这篇文章。很棒的代码,我抄到 React 里,现在 pixiv.app/encoding 的输入框自动伸缩用的就是你这个。
    lookcos
        11
    lookcos   52 天前
    @abersheeran 哈哈 怪不得
    lookcos
        12
    lookcos   52 天前
    @hackyuan 专业
    Cheons
        13
    Cheons   51 天前
    逻辑不适合平板,
    准备找个美观、简洁的导航站在平板上用
    lookcos
        14
    lookcos   51 天前
    @Cheons 确实不适合平板,以后适配一下
    yws112358
        15
    yws112358   51 天前
    为什么我右键 就只有右键菜单 左键啥反应? B 倒是换壁纸了
    wzzzx
        16
    wzzzx   51 天前
    点击搜索框的时候,模糊效果卡顿。离开搜索框时,搜索栏恢复也卡顿了
    wdssmq
        17
    wdssmq   51 天前
    @yws112358 #15 说的是方向键,不是鼠标- -
    wdssmq
        18
    wdssmq   51 天前
    习惯用鼠标中键点链接。发现根本不是链接项 - -
    yws112358
        19
    yws112358   51 天前
    @wdssmq #17 😅
    lookcos
        20
    lookcos   51 天前
    @yws112358 朋友们,键盘的交互只是暂时的,肯定会加按钮的,哈哈。还有好多细节要改呢。
    jackrebel
        21
    jackrebel   51 天前
    https://www.8kmm.com 路过。。。
    liuidetmks
        22
    liuidetmks   49 天前
    怎么你们都是有自己的域名?
    而且还是这么好的域名
    Emi
        23
    Emi   49 天前
    可期
    lookcos
        24
    lookcos   49 天前
    @Emi 谢谢,在继续开发中
    lookcos
        25
    lookcos   49 天前
    @liuidetmks 是因为爱。
    Blutbad
        26
    Blutbad   49 天前
    右边的滚动条极具迷惑性
    lookcos
        27
    lookcos   49 天前
    @Blutbad 哈哈哈,马上出的下版一定修改。
    wuzhanggui
        28
    wuzhanggui   49 天前
    域名是真不错,感觉挺像青柠起始页呀,换友链不,
    我毒蘑菇搜索 https://search.dumogu.top/
    lookcos
        29
    lookcos   49 天前
    @wuzhanggui 换,但是目前还没有友链页面或设计,😂,等我有了,第一时间联系您。
    wuzhanggui
        30
    wuzhanggui   46 天前
    @lookcos 那我就先加为敬😂😂
    关于   ·   帮助文档   ·   FAQ   ·   API   ·   我们的愿景   ·   广告投放   ·   感谢   ·   实用小工具   ·   2026 人在线   最高记录 5497   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 22ms · UTC 15:34 · PVG 23:34 · LAX 08:34 · JFK 11:34
    ♥ Do have faith in what you're doing.