![WebGIS之Element前端组件开发](https://wfqqreader-1252317822.image.myqcloud.com/cover/368/44819368/b_44819368.jpg)
上QQ阅读APP看本书,新人免费读10天
设备和账号都新为新人
1.2.2 下载Element文件
打开Element官网,首先单击官网首页的“组件”按钮,然后在新页面中单击“unpkg.com/element-ui”,如图1-15所示,此时可弹出UNPKG页面,如图1-16所示。
![](https://epubservercos.yuewen.com/2BE4CA/23950045301099506/epubprivate/OEBPS/Images/43162_15_2.jpg?sign=1738908505-AF7dbBg1dyFLFqFFxxwBaLkKLlBl47YD-0-c8a02ca7d45831a8fcc6ed38842f5afb)
图1-15 单击“组件”按钮后单击“unpkg.com/element-ui”
![](https://epubservercos.yuewen.com/2BE4CA/23950045301099506/epubprivate/OEBPS/Images/43162_15_3.jpg?sign=1738908505-m18eraqMVdeStphgfPVkxbB056eCa1xj-0-b2dc1681a75db3542a4916f3138fcec8)
图1-16 UNPKG页面
打开图1-16中的文件夹lib中的文件index.js,如图1-17所示。单击图1-17中的“View Raw”按钮,可得到Element的JavaScript代码,如图1-18所示(只显示了部分代码)。
![](https://epubservercos.yuewen.com/2BE4CA/23950045301099506/epubprivate/OEBPS/Images/43162_16_1.jpg?sign=1738908505-x8amWCuATwxYlwtVh2GSG4Oc89Ep4NNj-0-05ad7d854b001b3b266ab987271cd50c)
图1-17 打开文件index.js后的页面
![](https://epubservercos.yuewen.com/2BE4CA/23950045301099506/epubprivate/OEBPS/Images/43162_16_2.jpg?sign=1738908505-suhvMdBXcht9meCA9WgN9ANCm5awSIsX-0-75ffc56a73ed6be1b15c192421a60aff)
图1-18 Element的JavaScript代码
按下组合键 Ctrl+S,可将该页面的 JavaScript 代码保存到本地。打开“lib\theme-chalk”中的文件index.css,单击页面中的“View Raw”按钮,按下组合键Ctrl+S将index.css的JavaScript代码保存到本地。
读者也可以在 Element 的官网中,通过 CDN 的方式直接引用 Element 文件,如图 1-19所示。
![](https://epubservercos.yuewen.com/2BE4CA/23950045301099506/epubprivate/OEBPS/Images/43162_16_3.jpg?sign=1738908505-rawEPlhhVOcacV3SzL6TCBQU31s0FFTv-0-669233f7a89dc6819ae82d20ad19832a)
图1-19 通过CDN的方式直接引用Element文件