主机参考:VPS测评参考推荐/专注分享VPS服务器优惠信息!若您是商家可以在本站进行投稿,查看详情!此外我们还提供软文收录、PayPal代付、广告赞助等服务,查看详情! |
我们发布的部分优惠活动文章可能存在时效性,购买时建议在本站搜索商家名称可查看相关文章充分了解该商家!若非中文页面可使用Edge浏览器同步翻译!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;更多编程知识请访问:编程教学!!以上就是微信小程序中自带和外置图标的介绍和使用方法的详细说明。请多关注主机参考其他相关文章!
这几篇文章你可能也喜欢:
- win10找不到我的电脑图标(win10系统找不到我的电脑图标)怎么办
- 关于微信小程序中引入和使用自带和外部图标的方法(微信小程序引入其他页面)
- 如果win10系统网络图标变成地球(电脑网络变成地球图标)会怎样?
- win10如何调整图标大小
- win7右下角网络图标消失怎么办(win7电脑右下角网络消失怎么办)
本文由主机参考刊发,转载请注明:浅谈微信小程序中自带和外置图标的引入和使用方法(微信小程序引入字体图标) https://zhujicankao.com/78199.html
评论前必须登录!
注册