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

爱意满满的作品展示区。

This topic created in 2237 days ago, the information mentioned may be changed or developed.

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

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

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

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

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

React

按钮

下拉

手感

15 replies • 2020-04-02 20:43:10 +08:00

u6pM63mMZ34z32cE

Mar 31, 2020

组件数量太少

Yaoooo

Mar 31, 2020 via iPhone

@mebtte 就自己玩玩没动力做很全

Reol

Mar 31, 2020

试了一下，手感确实不错等下次更新

guolaopi

Mar 31, 2020

@Yaoooo
莫名喜欢这个硬朗的手感，有点机械键盘的感觉。
有俩建议：
1. DropDown 那个箭头建议改成用伪类写，可以解决 svg 资源加载慢的问题
2. 有了背景图片的话这个手感就有点奇怪了，说不上来为什么，可能是边框的原因？

heroes3top

Apr 1, 2020

挺好的！

siyushin

Apr 1, 2020

不错，总算有人重视反馈了。

siyushin

Apr 1, 2020

@guolaopi 因为有背景图便位移变得明显而有点失真了。

Yaoooo

Apr 1, 2020 via iPhone

@guolaopi 谢谢建议。svg 以后直接写代码里。你是指给什么设置背景啊？

Yaoooo

Apr 1, 2020 via iPhone

@guolaopi 指按钮后面有图片吗？这个就不打算处理了，哈哈哈

superliwei

Apr 1, 2020

的确手感不错.

lsl233

Apr 1, 2020

挺好看的，开源吗？

Yaoooo

Apr 1, 2020 via iPhone

@lsl233 我给了链接啊

grewer

Apr 2, 2020

这个风格..
我在用 win98 ?

Latin

Apr 2, 2020

cool

Yaoooo

Apr 2, 2020 via iPhone

@grewer 也是我对 shadow 的一次抗争