关于微信小程序中引入和使用自带和外部图标的方法（微信小程序引入其他页面）

本文介绍如何使用微信小程序中的自带图标和外部图标。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。

相关学习推荐:小程序开发教程

自带图标

& lt视图& gt& lt视图& gt& lt图标& gt& lt/icon & gt；& lt视图& gt& lt视图& gt成功

下载到本地后，解压后有一个文件夹，文件名为iconfont.css编辑并复制内容。

@ font -face { font -family:& quot；iconfont & quot；src:URL（& amp；#39;iconfont.eot？t=1537179845858。#39;);/* IE9 */src:URL（& amp；#39;iconfont.eot？t = 1537179845858 # iefix & amp#39;格式（& amp#39;嵌入式-opentype & amp；#39;），/* IE6-IE8 */URL（& amp；#39;数据:application/x-font -woff；charset = ut F-8；base64，d 09 grgabaaaaarkaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaab 1 vcaaaaaabcaaaaaaaasp6 Z 7u 9 tlziaaae 8 aaaaaaaaaafy8 d 0of 21 hcaaaaaaaaaaaaaaacqaaacpbvg 7 innbhlmaaaclaabkiaiqzvcakmhlywqaahwa aaamqaaamaamqaady T3 iegaghlyqaackazaaaaaaaaaaaaaaaaaaaaaaajarbmbobx 4 aaaix aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa#39;格式（& amp#39;沃夫& amp#39;）、网址（& amp#39;iconfont.ttf？t=1537179845858。#39;格式（& amp#39;truetype & amp#39;）、/* chrome、firefox、opera、Safari、Android、iOS 4.小编*/URL（& amp；#39;iconfont.svg？t=1537179845858#iconfont&amp。#39;格式（& amp#39;svg & amp#39;);/* iOS 4.1- */}。icon font { font -系列:& quoticonfont & quot！重要；font -大小:16pxfont -样式:正常；-web kit -font -平滑:抗锯齿；-moz -OSX -font -平滑:灰度；}。icon -arrow -右:在{ content:& quot；\ e601 & quot；}。icon -29:在{ content:& quot；\ e61a & quot；}。icon -崇智:在{ content:& quot；\ e614 & quot；}。icon -关羽女人:在{ content:& quot；\ e61f & quot；}。icon -tixian:在{ content:& quot；\ e649 & quot；}。icon -order -add:在{ content:& quot；\ e747 & quot；}。icon -选项:在{ content:& quot；\ e60b & quot；}。icon -关礼元:before { content:& quot；\ e600 & quot；}。icon -钱宝:在{ content:& quot；\ e64a & quot；}。icon -宣祥:在{ content:& quot；\ e7ea & quot；}。icon -Cash:在{ content:& quot；\ e611 & quot；}打开微信开发者工具，找到app.wxss，将刚才复制的内容粘贴到下面以引用wxml中的图标图标，例如引用icon-guanliyuan:before，这是一个管理器图标。

& lticon class = & quoticon -关礼元:之前& quot& gt& lt/icon & gt；更多编程相关知识请访问:编程教学！！

这几篇文章你可能也喜欢：

• win10找不到我的电脑图标(win10系统找不到我的电脑图标)怎么办
• 如果win10系统网络图标变成地球（电脑网络变成地球图标）会怎样？
• win10如何调整图标大小
• win7右下角网络图标消失怎么办（win7电脑右下角网络消失怎么办）
• 删除windows桌面上的应用程序图标意味着什么（在windows7中删除桌面上的应用程序图标意味着什么）

本文由主机参考刊发，转载请注明：关于微信小程序中引入和使用自带和外部图标的方法（微信小程序引入其他页面） https://zhujicankao.com/113333.html