![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=1738955624-MeH40a0iUbIOwpoghGq7HkEVkj2c3are-0-0eff8fec5cd7f8866f2ba358cbc67af0)
图1-15 单击“组件”按钮后单击“unpkg.com/element-ui”
![](https://epubservercos.yuewen.com/2BE4CA/23950045301099506/epubprivate/OEBPS/Images/43162_15_3.jpg?sign=1738955624-yUmPxCIaCsyMRQgWuL1Mze9r6QeMQ1K6-0-18fed2e2703acd4e5f87185c0cc377ce)
图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=1738955624-aouAmzFk2eCfa0X4s1ib62Gz8vzm563U-0-d7df98f91987bfeb2b83fe6cfd8eb669)
图1-17 打开文件index.js后的页面
![](https://epubservercos.yuewen.com/2BE4CA/23950045301099506/epubprivate/OEBPS/Images/43162_16_2.jpg?sign=1738955624-DCdz0Hb6OWyUj49eZkKMxlXesLWZ1T0H-0-30f2c3edbf8ae6c6410c8ee6a73b5577)
图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=1738955624-MXhxobT21eSOMPM2LFxYnuJSKkou3Pf1-0-8eecca346ecb795ea763f244f3aad857)
图1-19 通过CDN的方式直接引用Element文件