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

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

爱意满满的作品展示区。

这是一个创建于 1677 天前的主题，其中的信息可能已经有所发展或是发生改变。

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

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

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

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

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

React

按钮

下拉

手感

15 条回复 • 2020-04-02 20:43:10 +08:00

u6pM63mMZ34z32cE

2020-03-31 19:17:23 +08:00

组件数量太少

Yaoooo

2020-03-31 22:59:12 +08:00 via iPhone

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

Reol

2020-03-31 23:14:22 +08:00

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

guolaopi

2020-03-31 23:17:25 +08:00

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

heroes3top

2020-04-01 09:48:10 +08:00

挺好的！

siyushin

2020-04-01 10:59:34 +08:00

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

siyushin

2020-04-01 11:01:05 +08:00

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

Yaoooo

2020-04-01 15:50:14 +08:00 via iPhone

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

Yaoooo

2020-04-01 15:52:30 +08:00 via iPhone

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

superliwei

2020-04-01 17:29:07 +08:00

的确手感不错.

lsl233

2020-04-01 22:32:45 +08:00

挺好看的，开源吗？

Yaoooo

2020-04-01 22:40:41 +08:00 via iPhone

@lsl233 我给了链接啊

grewer

2020-04-02 14:41:14 +08:00

这个风格..
我在用 win98 ?

Latin

2020-04-02 17:34:39 +08:00

cool

Yaoooo

2020-04-02 20:43:10 +08:00 via iPhone

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