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

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

  •  
  •   Austin2035 · 2021-06-14 21:25:01 +08:00 · 3837 次点击
    这是一个创建于 1259 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

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

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

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

    准备:

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

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

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

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

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