https://github.com/future-team/eg-overlay
遮罩块组件，用于在一个区域的四个边或者四个角显示遮罩层
https://github.com/future-team/eg-overlay
Last synced: 12 months ago
JSON representation
遮罩块组件，用于在一个区域的四个边或者四个角显示遮罩层
- Host: GitHub
- URL: https://github.com/future-team/eg-overlay
- Owner: future-team
- License: mit
- Created: 2017-03-23T10:44:37.000Z (over 9 years ago)
- Default Branch: master
- Last Pushed: 2017-03-28T08:39:23.000Z (over 9 years ago)
- Last Synced: 2025-05-25T18:16:21.945Z (about 1 year ago)
- Language: JavaScript
- Homepage:
- Size: 20.5 KB
- Stars: 0
- Watchers: 3
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# eg-overlay
遮罩块：鼠标移动到某个元素的时候显示一条遮罩。
```jsx
删除
编辑
}
position='top-right'>
这里是内容区域
```
```jsx
这里是内容区域
```
#### `` Props:
- overlayContent overlay的内容，也就是遮罩条中的内容
- overlayList 和overlayContent不应该同时存在，和overlayContent的区别在于用数组的形式配置内容，
并且提默认样式。数组中的每个item结构为{item:'',callback:function(){}},item既可以为string，也可以为react元素
- position overlay的位置，可选top、bottom、left、right、top-left、top-right、bottom-left、bottom-right 默认bottom-right
- show 何时显示遮罩条，可选always、hover（always会一直显示，hover只有在鼠标移动到的时候会显示）默认always
- children（子元素） 遮罩条依附的元素.
### Contributing
- Fork the project
- Run the project in development view demo: `$ npm run demo`
- Make changes.
- Add appropriate tests
- `$ npm run test`
- If tests don't pass, make them pass.
- Update README with appropriate docs.
- Rnn build
- `$ npm run build`
- Commit and PR.