zheng 发表于 2022-1-30 10:02:15

在使用模板方式创建vue2项目时，使用elementui 组件样式有.....

我在使用o2-cmpt 创建系统组件时，elementui 的按钮、选择器等会出现样式问题，当我在页面调试中发现是x_desktop/style.css中的.layout_main * {
[*]    box-sizing: content-box!important;


}






.appContent * {


[*]    box-sizing: content-box!important;


}
这两个的问题，当我去掉前面的对钩，elementui组件正常了，我在创建的vue2的项目里把index.html的
<link rel="stylesheet" type="text/css" href="../x_desktop/css/style.css" charset="UTF-8" />
<link rel="stylesheet" href="../x_desktop/css/mBoxNotice.css" charset="UTF-8" />
<link rel="stylesheet" href="../x_desktop/css/mBoxTooltip.css" charset="UTF-8" />
注释了这三条，还是有那俩个的样式，请问这怎么解决




Tommy 发表于 2022-2-8 15:00:37

O2OA使用content-box方式设置元素的大小，ElementUI和一些其他UI框架喜欢使用border-box，可以减少边框对大小的影响。
所以：给你的包含Element组件的DOM元素（或者直接添加到vue根组件）添加一个样式： box-sizing: border-box!important应该就可以了。

zheng 发表于 2022-2-8 16:08:32

Tommy 发表于 2022-2-8 15:00
O2OA使用content-box方式设置元素的大小，ElementUI和一些其他UI框架喜欢使用border-box，可以减少边框对大 ...

感谢！解决了

论坛管理员 发表于 2022-2-9 17:35:46

:)
页: [1]
查看完整版本: 在使用模板方式创建vue2项目时，使用elementui 组件样式有.....