![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=1739620243-0piyBCTJYIJNIUrJClKWI3yPmtb83Z5C-0-c479a528dfe5510a10446db0c55bc4bb)
图1-15 单击“组件”按钮后单击“unpkg.com/element-ui”
![](https://epubservercos.yuewen.com/2BE4CA/23950045301099506/epubprivate/OEBPS/Images/43162_15_3.jpg?sign=1739620243-TNCmxzW5ZHbsK2Jf334Jp1sEBGrfjEEh-0-0b18b7c6b9659d57d1b817db7c31d62f)
图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=1739620243-aIXdF0QD2MX5uhZ8ASfEDLtJCURJvR47-0-443fff576da0add3bb6da1210f1108c0)
图1-17 打开文件index.js后的页面
![](https://epubservercos.yuewen.com/2BE4CA/23950045301099506/epubprivate/OEBPS/Images/43162_16_2.jpg?sign=1739620243-tV8ILugxQYHB5wuymC4MbMAOuFV1zdqN-0-619babcd1e2d16e2dc3fb6a0dbd5b6fb)
图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=1739620243-M6VZZTEpmmdLXKD7lZFE1WvkKSKxxHbS-0-fa4ea28129fb5512f4526955481d8a89)
图1-19 通过CDN的方式直接引用Element文件