有些场景下,我们希望在liferay里面使用easyui,但是会发现有些地方有冲突,导致样式的变化和需要的不一致。集成后的效果图如下。示例代码下载:
http://www.liferaychina.com/doc/-/document_library_display/X4JohHySpHmr/view/21928
使用说明
在Liferay中使用easyui,基本上是不需要做多少调整的,有冲突的地方主要集成在三个地方:
1、icon图标;
2、文本框,比如分页、combobox等
3、有悬浮的,也就...
Sass的快速入门
在Liferay中,特别是主题开发中的CSS,是支持SaSS语法的,默认情况下我们在Liferay看到的CSS也是基于SaSS的语法写的,所以我们在主题中的CSS会看到类似下面的代码。
在上面的代码中我们看到有变量,有嵌套等,这就是SaSS的语法。使用SaSS会非常方便的我们写CSS,在Liferay中当我们使用ant部署的时候会自动的将我们写的sass语法的内容编译成CSS,不需要我们手动的编译,也不需要安装编译环境,很方便。
&n...
Liferay中CSS冲突的一般处理方法
经常碰到有人问在Liferay中的CSS冲突了,引入的第三方插件或者库样式不对,样式被liferay覆盖了等等问题,归结起来主要有两种情况:
第三库的样式被liferay中的样式给覆盖了;
第三库中某些地方不需要样式的被liferay添加了新的样式。
CSS的样式问题,相对是比较容易解决的问题,需要了解的是CSS的样式继承与优先级的基础知识。
CSS的样式优先级
首先来看一下典型的DOM结构图
我们写CSS样式的时候,一...