爱意满满的作品展示区。
Yaoooo

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

  •  
  •   Yaoooo · Mar 31, 2020 · 3992 views
    This topic created in 2410 days ago, the information mentioned may be changed or developed.

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

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

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

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

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

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