🎶 Sym - 一款用 Java 实现的现代化社区(论坛/BBS/社交网络/博客)平台

📕 思源笔记 - 一款桌面端笔记应用,支持 Windows、Mac 和 Linux

🎸 Solo - B3log 分布式社区的博客端节点,欢迎加入下一代社区网络

♏ Vditor - 一款浏览器端的 Markdown 编辑器

0 篇文章

React Visual - 信息提示组件

2019-10-18 描述渲染一个信息提示组件。使用 React.useState()hook 创建一个默认值为 false 的状态变量 show 返回一个包含了两个 <div> 的 <div> 元素,他们分别用于显示提示和传递给组件的 children 监听 onMouseEnter 和 onMouseLeave 方法,分别用于 show 变量的切换当然,你也可以直接使用 CSS 交互-信息提示来实现实现.tooltip{position

React Visual - 旋转加载组件

2019-10-09 描述创建一个旋转加载的组件。为组件中的元素定义适当的 CSS 样式和动画定义一个组件,返回一个简单的 SVG,其大小可以通过 size 属性进行设置当然,你也可以直接使用 CSS 动画 🍩 式的旋转来实现实现.loader{animation:rotate2slinearinfinite;}@keyframesrotate{100%{transform:rotate(360deg);}}.load

React Visual - 时钟倒数计时器 (advanced)

2019-09-29 描述渲染一个倒数计时器,当其为 0 时打印一条消息。使用对象解构设置默认的 hours、minutes 和 seconds 属性使用 React.useState()hook 创建 time、paused 和 over 状态变量,他们的默认值分别为传入的属性、false 和 false 创建一个 tick 方法,基于当前的值更新 time 值(如:每次减少 1 秒)如果 paused 或者 over 的值为 true,tick 方法