jquery中如何使用阿里的图标库

jquery中如何使用阿里的图标库,第1张

1、注册并登录iconfont官网

2、新建  我中乎的项目

3、选择需要的图标并  添加入库或收藏

4、将入库的图标添加进我的项目

5、打开我的项目  有3种调用方式(unicode-常用、font class、symbol)

6、以Unicode为例 选中后 查看在线连接  将代码copy至需要的呈上升文件

7、将需要使用的图标下面的  特征码 copy至html页面相应位置,然后自定义背景色和颂培搏大小

如果想在js中野祥调用  使用symbol方式

引用加载方式

easyui的加载可以分为两种方式,方式一:饿汉式加载;2:懒汉式加载。在具体讨论这两种加载方式之前,我们先看铅袜野下easyui目录结构。

目录结构

demo文件夹:一些示例,(正式项目中删除)

locale:一些不同语言的文件,其实是对easyui的扩展。(只须保留你想用的语言相对应的文件)

plugins:easyui提供的各个功能的文件。(使用方式二加载必须保留,方式一加载可以删除)

src :各个插件的源文件,不是全部,其实有些功能不是开源的,是商业授权,因此没有源文件。(可以删除)

themes:主题,就是css文件和要用到的图标文件,里边提供5种风格。(可以只保留要使用的风格,并且具体到一个风格里,又分为两部分:easyui.css和其它所有css。easyui.css是其它所有css的合并后结果,在不同的加载方式中只会用到一部分。)

easyloader.js:暂且称之为加载器文件。在使用方式一加载也不会被使用。

jquery.easyui.min.js:easyui的主文件。它是plugins下所有文件合并后的结果,因些它在使用方式一加载必须保留,方式二加载不会使用到,可以删除(主文件可以删除,没听错吧??哈哈,相信我,可以的。)。

jquery.min.js:jquery文件,easyui是基于jquery的,因此是必须的。

其它的是一些授权文件和更新日志之类的,就不说了。

这里有两好启个重点:jquery.easyui.min.js是plugins下槐喊所有文件合并后的结果,具体到某个风格下如default下所有css:easyui.css是余下的其它所有css合并之后的结果。

这样就导致了不同的两种加载方式。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/tougao/12333107.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-24
下一篇 2023-05-24

发表评论

登录后才能评论

评论列表(0条)

保存