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

2020-03-31 18:38:54 +08:00
Yaoooo  Yaoooo

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

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

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

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

2940 次点击
所在节点   分享创造  分享创造
15 条回复
u6pM63mMZ34z32cE
u6pM63mMZ34z32cE
2020-03-31 19:17:23 +08:00
组件数量太少
Yaoooo
Yaoooo
2020-03-31 22:59:12 +08:00
@mebtte 就自己玩玩 没动力做很全
Reol
Reol
2020-03-31 23:14:22 +08:00
试了一下，手感确实不错 等下次更新
guolaopi
guolaopi
2020-03-31 23:17:25 +08:00
@Yaoooo
莫名喜欢这个硬朗的手感，有点机械键盘的感觉。
有俩建议：
1. DropDown 那个箭头建议改成用伪类写，可以解决 svg 资源加载慢的问题
2. 有了背景图片的话这个手感就有点奇怪了，说不上来为什么，可能是边框的原因？
heroes3top
heroes3top
2020-04-01 09:48:10 +08:00
挺好的！
siyushin
siyushin
2020-04-01 10:59:34 +08:00
不错，总算有人重视反馈了。
siyushin
siyushin
2020-04-01 11:01:05 +08:00
@guolaopi 因为有背景图便位移变得明显而有点失真了。
Yaoooo
Yaoooo
2020-04-01 15:50:14 +08:00
@guolaopi 谢谢建议。svg 以后直接写代码里。你是指给什么设置背景啊？
Yaoooo
Yaoooo
2020-04-01 15:52:30 +08:00
@guolaopi 指按钮后面有图片吗？这个就不打算处理了，哈哈哈
superliwei
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
@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
@grewer 也是我对 shadow 的一次抗争

这是一个专为移动设备优化的页面（即为了让你能够在 Google 搜索结果里秒开这个页面），如果你希望参与 V2EX 社区的讨论，你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/658050

V2EX 是创意工作者们的社区，是一个分享自己正在做的有趣事物、交流想法，可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX