首页
沸点
课程
数据标注
HOT
AI Coding
更多
直播
活动
APP
插件
直播
活动
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
项目暂存
订阅
Diolog所需资料文档:Modal示例—键盘事件
利文斯顿
更多收藏集
微信扫码分享
微信
新浪微博
QQ
7篇文章 · 0订阅
手摸手实现一个轻量级可扩展的模态框(Modal)组件
本文是笔者写组件设计的第九篇文章, 今天带大家实现一个轻量级且可灵活配置组合的模态框(Modal)组件, 该组件在诸如Antd或者elementUI等第三方组件库中都会出现,主要用来提供系统的用户反馈. 通用型组件: 比如Button, Icon等. 布局型组件: 比如Grid…
纯css实现文字循环滚动效果
简单的实现文字滚动效果
本文已参与「新人创作礼」活动,一起开启掘金创作之路。 前言 文字超出一般都是换行或者截断隐藏改成省略号,但是类似公告的文字提示必须完整的展示出来。这种一般会让文字滚动起来,以便用户看到完整的信息。本文
react封装Modal弹出框
1.需求导向 1.1.需求导向 1.2.实现功能 1.可以底部自定义按钮的样式,文字 2.可以自定义内容 3.使用Esc键可以关闭模态框 4.使用shift可以自动聚焦关闭按钮,使用Enter实现关闭
如何用React写一个Modal组件
组件讲究的是复用性,和可移植性。 可复用:就是要做到组件逻辑功能和业务逻辑功能互不影响也就是所谓的解藕。 可移植:就是要做到软件(组件)与系统无关,也就是没有外部依赖。 纯函数组件也称无状态组件在这里得到了很好的应用。 数据采用从父组件接收 props 的方式获取而不采用 st…
React hook 实现弹窗
平时项目使用弹窗,用 npm 仓库的就可以。 或者antd design 的也不错。 我尝试用react hook 实现一个弹窗。 参数配置参考蚂蚁文档的部分。
一步一步带你封装基于react的modal组件
接下来将一步步带领大家实现一个基本的modal弹窗组件,封装一个简单的动画组件,其中涉及到的一些知识点也会在代码中予以注释讲解。 一. modal组件的实现; 1. 环境搭建 2. modal样式完善 3. modal功能开发 3.1. 添加visible字段控制显隐 3.2.…