Semantic UI实现部分页面
Semantic UI
Semantic UI是我在2017年左右就知道的UI框架,对这个框架一直很喜欢,现在终于可以用用了,替换Upupor上原先Bootstrap的组件
官网地址: https://semantic-ui.com
遇到的问题
- 因为Upupor使用的UI框架是Bootstrap(v5.0.2),和Semantic UI(v2.5.0)有部分冲突,例如dropdown组件,两者不兼容(主要原因是popper的问题),自己尝试修改过Semantic UI,将dropdown修改为updropdown,但是样式出问题了,所以最终决定Semantic UI只用 CSS部分,js逻辑部分以Bootstrap为主。
替换对比
| Upupor上对应的功能 | Bootstrap | Semantic UI | 时间 |
|---|---|---|---|
| 全局搜索 |  |  | 2022.11.17 |
| 完善用户信息 |  |  | 2022.11.17 |
| 登录 |  |  | 2022.11.17 |
| 注册 |  |  | 2022.11.17 |
| 忘记密码 |  |  | 2022.11.17 |
| 按钮 |  |  | 2022.11.18 |
| 编辑器-原创、转载 |  |  | 2022.11.19 |
| 编辑器-标题 |  |  | 2022.11.19 |
| 广告合作 |  |  | 2022.11.19 |
| 咨询 |  |  | 2022.11.19 |
| 标签申请 |  |  | 2022.11.19 |
| 反馈 |  |  | 2022.11.20 |
| 内容管理 |  |  | 2022.11.20 |
| 待办 |  |  | 2022.11.20 |
| 电台 |  |  | 2022.11.20 |