本文介绍了使用Vue实现一个自定义Button组件，包括按钮的hover变色、焦点状态变化以及Icon组件的优化。通过组件化提高了代码可维护性和可读性，还讨论了在实现过程中遇到的布局和Icon位置调整问题及其解决方案。
頔言頔语：进步，一定要进步，进步是跟收入持平的本钱。
总有人问:前端开发中是哪些轮子值得实现一遍。但是你造过那些轮子呢？这是我造过的！
声明：本项目所有的UI，来自于方应航，我只做简单修改！
输入框 · 轱辘 · 语雀www.yuque.com
所有的项目按照流程按照一下目录进行
- 需求分析
- UI设计
- 项目知识点
- 项目难点（在3中解决，用饮用块的方式标识）
1. 需求分析
1. 1 Button功能分析
该轮子只具有点击功能 Click。
1.2 Button 状态分析
- 正常态（nomal）
- Hover 鼠标悬浮状态 ，这个时候Button的边框变色
- Focus用户点击状态，背景颜色发生改变
1.3 特殊Button
- 不可点击的按钮
- 成组的按钮
- 加载中的按钮
2. 本项目UI展示
最低0.47元/天 解锁文章
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
