![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=1739548572-y8EAOmALECxjV68JvOHcbm6P2JbcaihM-0-964649b1ddd53f11af72fbc85e2e060a)
图1-15 单击“组件”按钮后单击“unpkg.com/element-ui”
![](https://epubservercos.yuewen.com/2BE4CA/23950045301099506/epubprivate/OEBPS/Images/43162_15_3.jpg?sign=1739548572-sJo764SRMmYZHPXiewbgRw82Gy393XN2-0-9a9d36a3f7b2df6b46b9812a2c427f69)
图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=1739548572-g8C0uJCPkvtgmlhM4XLZT0si9pJTKXrs-0-6bc68bf7095837634c042cb6f275ad8f)
图1-17 打开文件index.js后的页面
![](https://epubservercos.yuewen.com/2BE4CA/23950045301099506/epubprivate/OEBPS/Images/43162_16_2.jpg?sign=1739548572-d1NSQygWFu0Zyhd5qdgGRwb4YBxgbw7v-0-1f83da89a5200f7ca1a056809178f17e)
图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=1739548572-JZpv9uCqnLFroYTTZ6D6uYgqEAHhUXZo-0-7a6eb6335c513f6a03824ccec38e23b4)
图1-19 通过CDN的方式直接引用Element文件