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:

<button class="ui secondary button">
  Okay
</button>
<button class="ui button">
  Cancel
</button>

element ui:

<el-row>
  <el-button>默认按钮</el-button>
  <el-button type="primary">主要按钮</el-button>
  <el-button type="success">成功按钮</el-button>
  <el-button type="info">信息按钮</el-button>
  <el-button type="warning">警告按钮</el-button>
  <el-button type="danger">危险按钮</el-button>
</el-row>

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

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


element ui:


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


推荐阅读更多精彩内容

  • Vue 是一个轻巧、高性能、可组件化的MVVM库,API简洁明了,上手快。从Vue推出以来,得到众多Web开发者的...
    雷雪松的简书阅读 37,691评论 11 110
  • 转载:http://www.cnblogs.com/huyong/p/6517949.html Vue相关网站参考...
    kathyb24阅读 740评论 0 7
  • 最近做了一个Vue开源项目库汇总,里面集合了OpenDigg 上的优质的Vue开源项目库,方便移动开发人员便捷的找...
    OpenDigg阅读 15,030评论 12 177
  • 今天,我有点丧,从起床开始… 闹铃响起的时候,像被被窝温柔的绑架,不愿起床,跟被窝大战了三百回合,最...
    dir迪阅读 392评论 16 5
  • 顶级定义之间空两行, 方法定义之间空一行顶级定义之间空两行, 比如函数或者类定义. 方法定义, 类定义与第一个方法...
    闫海威18939693360阅读 31评论 0 1