浅谈微信小程序中自带和外置图标的引入和使用方法(微信小程序引入字体图标)

本站:VPS参考评测推荐,专注分享VPS服务器优惠信息!若您是商家也可以在本站进行投稿,查看详情!此外我们还提供软文收录、PayPal代付、广告赞助等服务,查看详情!
部分文章发布时间较久远,可能存在未知因素,购买时建议在本站搜索商家名称,可查看相关文章充分了解商家!若非中文页面可使用谷歌浏览器同步翻译!PayPal代付/收录合作

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

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

自己的图标

ltview class = 容器 gt ltview class = icon -box ; gt lticon class = 图标-方框-img ;type = 成功 gt;size = 93 gt lt/icon gt; ltview class = icon -box -ctn ; gt ltview class = 图标-方框-标题 gt成功

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

@ font -face { font -family: ;iconfont ;src:URL( # 39;iconfont.eot?t = 1537179845858 # 39);/* IE9 */src:URL( # 39;iconfont.eot?t = 1537179845858 # iefix # 39)格式( # 39;嵌入式-opentype # 39;)、/* IE6-IE8 */URL( # 39;数据:应用/x-font -woff;charset = ut F-8;base64,d 09 grgabaaaaaaaaarkaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaabhu 1 vcaaaaabaabcaaaaaaaaaaaaaaa 8 aaaaaaaaaaaaaaaafy 8d 0of 21 hcaaaaaaaaaaaaaaaaacqaaacpbvg 7 innbhlmaaaclaaabkiaaaiqzvcakmhlywqaaahwa aaamqaaaady T3 iegaghlyqaackakagaaaaaaaaaaaaajakrmbobx 4 aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa)格式( # 39;woff # 39),网址( # 39;iconfont.ttf?t = 1537179845858 # 39)格式( # 39;truetype # 39)、/* chrome、firefox、opera、Safari、Android、iOS 4.小编*/URL( # 39;iconfont.svg?t = 1537179845858 # iconfont # 39)格式( # 39;svg # 39);/* iOS 4.1- */}。icon font { font -系列: iconfont !重要;font -大小:16pxfont-style:正常;-WebKit -font -平滑:抗锯齿;-moz -OSX -font -平滑:灰度;} . icon -arrow -right:before { content:\ e601 ;}.icon-29:在{ content: ;\ e61a ;} . icon -冲之:before { content: ;\ e614 ;} . icon -关羽women:before { content: ;\ e61f ;} . icon -tixian:before { content: ;\ e649 ;} . icon -order -add:{ content: ;\ e747 ;}.icon-option:在{ content: ;\ e60b ;} . icon -官立院:before { content: ;\ e600 ;} . icon -钱宝:在{ content: ;\ e64a ;} . icon -宣祥:before { content: ;\ e7ea ;} . icon -Cash:before { content: ;\ e611 ;}打开微信开发者工具,寻找app.wxss,将刚刚复制的内容粘贴到下面。wxml中的Quote icon,例如e icon-guanliyuan:before。这是一个经理图标。

lticon class = icon -关梨园:之前 gt lt/icon gt;更多编程知识请访问:编程教学!!以上就是微信小程序中自带和外置图标的简介和使用方法的详细说明。请多关注本站其他相关文章!

本文由本站刊发,转载请注明:浅谈微信小程序中自带和外置图标的引入和使用方法(微信小程序引入字体图标) https://本站.com/78199.html

推荐站内搜索:域名注册查询、虚拟主机租用独立ip、虚拟主机评测、网站空间免备案、中文国际域名、云服务器、论坛备案、白嫖永久高性能服务器、免费服务器、