【DoKit&北大开源实践】-【DoKit For Web】- 布局边框 #1048
Open
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
布局边框
功能背景
为界面中的所有元素添加边框,方便开发者了解元素的布局和尺寸。
实现效果
插件归属于“视觉功能”下
![image](https://user-images.githubusercontent.com/32406031/173739884-7be2cdc6-d7f8-41b8-8569-244277e49648.png)
![image](https://user-images.githubusercontent.com/32406031/173739864-fdbba015-6656-4b17-924a-2fdf9955f747.png)
点击“取消边框“将插件移除,点击”刷新边框“可以为动态增加的元素添加边框。
实现原理简述
为了不修改页面元素本身,采取在蒙层上绘制边框的方式。