微信小程序icon组件使用详解

微信小程序icon组件的实现,具体如下

微信小程序icon组件使用详解_第1张图片

原生的icon组件的属性

微信小程序icon组件使用详解_第2张图片

WXML


 

JS

Page({
 data: {
 typeList: ['success', 'success_no_circle', 'info', 'warn', 'waiting', 'cancel', 'download', 'search', 'clear']
 },
})

引入图标库

方法

微信小程序―-引入外部字体库iconfont的图标

WXML

微信小程序外部库引入图标

 
 
 
 
 
 


 
 
 
 
 
 
 

 
 
 
 
 
 

DEMO下载

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

你可能感兴趣的:(微信小程序icon组件使用详解)