Semantic UI 和Element UI是否冲突

semantic ui 官网:https://semantic-ui.com/introduction/getting-started.html
element ui 官网:http://element.eleme.io/#/zh-CN/component/installation
秉着能懒则懒的态度,如果能从两个UI组件库里面挑选合适的UI 组件,岂不是多了一种选择?本来是想用bootstrap和element ui组合的,可是貌似不太合手,所以打算把bootstrap换成semantic ui(这两个ui 组件是冲突的)。
查看一个简单的样式使用,Button:
semantic ui:



element ui:


  默认按钮
  主要按钮
  成功按钮
  信息按钮
  警告按钮
  危险按钮

所以,从简单的button来看,在使用上,是能明显区分出使用的是哪一个UI的。

那么,再看一些 UI 组件内的命名是否会有冲突:
semantic UI:


Semantic UI 和Element UI是否冲突_第1张图片

element ui:


Semantic UI 和Element UI是否冲突_第2张图片

从dom结构来开,两个UI组件的命名也是不会发生冲突的,很明显两个组件一个用ui开头去命名,一个用el开头去命名。
所以这两个组件用起来应该不会有太大的问题的,如果有问题,再做调整好了。可以放心替换啦……

Semantic UI 和Element UI是否冲突_第3张图片

Semantic UI 和Element UI是否冲突_第4张图片

你可能感兴趣的:(Semantic UI 和Element UI是否冲突)