text: (window.webpackJsonp=window.webpackJsonp||[]).push([[40],{444:function(t,n,a){"use strict";a.r(n);var r=a(42),e=Object(r.a)({},(function(){var t=this,n=t.$createElement,a=t._self._c||n;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h1",{attrs:{id:"icon"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#icon"}},[t._v("#")]),t._v(" Icon")]),t._v(" "),a("h3",{attrs:{id:"icon用法"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#icon用法"}},[t._v("#")]),t._v(" Icon用法")]),t._v(" "),a("ClientOnly",[a("Icon-Default")],1),t._v(" "),a("h3",{attrs:{id:"svg图标来源"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#svg图标来源"}},[t._v("#")]),t._v(" SVG图标来源")]),t._v(" "),a("p",[t._v("UI库中的图标均来自阿里"),a("a",{attrs:{href:"https://www.iconfont.cn/",target:"_blank",rel:"noopener noreferrer"}},[t._v("iconfont.com"),a("OutboundLink")],1)]),t._v(" "),a("h3",{attrs:{id:"如何添加图标-图文并茂"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#如何添加图标-图文并茂"}},[t._v("#")]),t._v(" 如何添加图标 "),a("a",{attrs:{href:"https://www.yuque.com/docs/share/b0000c2c-499f-4faf-ad37-4aabe5b2f1a2?#%20%E3%80%8Aiconfont%E7%9A%84%E4%BD%BF%E7%94%A8%E3%80%8B",target:"_blank",rel:"noopener noreferrer"}},[t._v("图文并茂"),a("OutboundLink")],1)]),t._v(" "),a("div",{staticClass:"language- extra-class"},[a("pre",[a("code",[t._v("1. 登录账号\n2. 新建项目\n3. 选择自己喜欢的图标添加到购物车(免费的)\n4. 点击购物车添加到项目中\n5. 在项目中批量操作去除图标颜色\n6. 给图标定义好名字\n7. 点击Symnol并生成在线链接\n8. 不担心iconfont.com服务器宕机就直接在项目中引入即可(script)\n9. 担心宕机的打开连接复制网页全部内容粘贴到项目svg.js中自行引用\n")])])])],1)}),[],!1,null,null,null);n.default=e.exports}}]);