EasyUi入门教程01

1.首先到官网下载包http://www.jeasyui.net/download/,把包复制进项目中,然后在需要用到的页面导入以下五条语句。

注:一定要先导入jQuery文件(第五行)再导jQueryeasyUI(第6行)文件,因为easyUI是基于jQuery的~


2.导入以后

2.1可以通过在div中声明class来使用easyUI样式(以easyui-dialog样式为例)(推荐使用)


得到如下效果

EasyUi入门教程01_第1张图片

2.2也可以通过div的id用方法调用样式

EasyUi入门教程01_第2张图片

效果如下:

EasyUi入门教程01_第3张图片

3.如果有强迫症,不想像开头导入那么多东西,可以使用easyloader,这样只用导入2条


3.1导入以后,也可以通过在div中声明class来使用easyUI样式(以easyui-dialog样式为例)代码和效果同上2.1

3.2也可以通过div的id用方法调用样式(可以加载多个样式)

EasyUi入门教程01_第4张图片

加载一个样式和2个样式的结果如下~

EasyUi入门教程01_第5张图片EasyUi入门教程01_第6张图片




你可能感兴趣的:(easyUI)