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

我做了一套手感还不错的 React UI 组件

  •  
  •   Yaoooo · 2020-03-31 18:38:54 +08:00 · 2840 次点击
    这是一个创建于 1694 天前的主题,其中的信息可能已经有所发展或是发生改变。

    手感是指用鼠标点的手感, 这套组件是去年写自己网站的时候, 临时起兴做的, 内容不多, 就常用几种

    • 按钮 /下拉按钮
    • 输入框
    • Filters
    • 图片轮播
    • 下拉按钮
    • 侧边栏

    image.png https://gnimoay.com/post/OaPack 国内打开可能会有点慢...

    做的时候只考虑了 PC, 所以移动端体验不太行, 下次更新是什么时候就看心情了哈哈哈

    另外由于用了 hooks, npm 包无法在 Gatsby 里面用, 会出现双 React 实例的问题, 于是网站也被迫改用 Next.js 了, 不过还是挺香的, 就是图片优化得自己动手了(我没动, 所以图片载入很慢)

    15 条回复    2020-04-02 20:43:10 +08:00
    u6pM63mMZ34z32cE
        1
    u6pM63mMZ34z32cE  
       2020-03-31 19:17:23 +08:00
    组件数量太少
    Yaoooo
        2
    Yaoooo  
    OP
       2020-03-31 22:59:12 +08:00 via iPhone
    @mebtte 就自己玩玩 没动力做很全
    Reol
        3
    Reol  
       2020-03-31 23:14:22 +08:00
    试了一下,手感确实不错 等下次更新
    guolaopi
        4
    guolaopi  
       2020-03-31 23:17:25 +08:00
    @Yaoooo
    莫名喜欢这个硬朗的手感,有点机械键盘的感觉。
    有俩建议:
    1. DropDown 那个箭头建议改成用伪类写,可以解决 svg 资源加载慢的问题
    2. 有了背景图片的话这个手感就有点奇怪了,说不上来为什么,可能是边框的原因?
    heroes3top
        5
    heroes3top  
       2020-04-01 09:48:10 +08:00
    挺好的!
    siyushin
        6
    siyushin  
       2020-04-01 10:59:34 +08:00
    不错,总算有人重视反馈了。
    siyushin
        7
    siyushin  
       2020-04-01 11:01:05 +08:00
    @guolaopi 因为有背景图便位移变得明显而有点失真了。
    Yaoooo
        8
    Yaoooo  
    OP
       2020-04-01 15:50:14 +08:00 via iPhone
    @guolaopi 谢谢建议。svg 以后直接写代码里。你是指给什么设置背景啊?
    Yaoooo
        9
    Yaoooo  
    OP
       2020-04-01 15:52:30 +08:00 via iPhone
    @guolaopi 指按钮后面有图片吗?这个就不打算处理了,哈哈哈
    superliwei
        10
    superliwei  
       2020-04-01 17:29:07 +08:00
    的确手感不错.
    lsl233
        11
    lsl233  
       2020-04-01 22:32:45 +08:00
    挺好看的,开源吗?
    Yaoooo
        12
    Yaoooo  
    OP
       2020-04-01 22:40:41 +08:00 via iPhone
    @lsl233 我给了链接啊
    grewer
        13
    grewer  
       2020-04-02 14:41:14 +08:00
    这个风格..
    我在用 win98 ?
    Latin
        14
    Latin  
       2020-04-02 17:34:39 +08:00
    cool
    Yaoooo
        15
    Yaoooo  
    OP
       2020-04-02 20:43:10 +08:00 via iPhone
    @grewer 也是我对 shadow 的一次抗争
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1008 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 21ms · UTC 20:22 · PVG 04:22 · LAX 12:22 · JFK 15:22
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.