山东建设网站广告,免费做毕业视频的网站,网站开发前台开发,关键词seo教程uni-app引用外部图标库#xff08;阿里矢量图#xff09;
作为前端程序员#xff0c;nui-app是必备的#xff0c;但是有时候内置的图标#xff0c;组件又不完全满足#xff0c;这里就可以引进外部图标#xff0c;这里引用的是阿里矢量图标
第一步#xff0c;在项目目…uni-app引用外部图标库阿里矢量图
作为前端程序员nui-app是必备的但是有时候内置的图标组件又不完全满足这里就可以引进外部图标这里引用的是阿里矢量图标
第一步在项目目录中新建文件夹如图 第二步登上阿里矢量图官网将自己需要的图片先加入购物车再点击右上角购物车 第三部将下载好的压缩包解压打开文件将 iconfont.css 和 iconfont.ttf 两个文件复制到新建的icon文件夹下
第四步回到阿里官网进入购物车将刚刚加的图标添加项目没有可新建这个无所谓 第五步打开 iconfont.css 将font-face内容替换掉并在//前加 https: 替换好后如下图 第六部页面应用 效果图
