怎么进行微信小程序icon引入
关于微信小程序icon,虽然前面已经介绍得比较多了,但是很多人还是表示不是特别清楚,所以今天小编再次给大家讲解一下icon图标的设置,也就是微信小程序icon引入怎么操作。
icon图标的设置
上图
**上代码**style标签下的属*是为了让图像呈横向显示
wx:for语句类似于Java,c++中的for循环语句,这里只是简化了步骤,你把数组在wx:for标签中实例化,然后{{item}}直接把就会从第一个显示到最后一个,省去了很多步骤,但我不知道这个,如果好几个数组嵌套循环的话,不知道怎么写?
------------------------------------
------------------------------------
------------------------------------
1234567891011121314151617181920212223
1234567891011121314151617181920212223
index.js —– js文件一般有两种书写方式,一种就是这样,先实例化一个变量param,在里边写属*,然后再Page里边注册;另一种就是直接在Page里边设置属*。
var param={
data:{
iconSize:[20,30,40,50,60,70],
iconColor:[ 'red', 'orange', 'yellow', 'green', 'rgb(0,255,255)', 'blue', 'purple'],
iconType: ['success', 'info', 'warn', 'waiting', 'safe_success', 'safe_warn','success_circle', 'success_no_circle', 'waiting_circle', 'circle', 'download','info_circle', 'cancel', 'search', 'clear'
]
}
}
Page(param)
对于icon图标的设置以及微信小程序icon引入怎么弄,你知道具体流程了吗?参照以上的步骤和代码,就可以引入小程序icon了,想要获取更多相关资料请关注微信小程序素材网。
微信小程序icon图标组件说明,小程序icon图标使用方法
微信小程序导航的icon是什么?怎么开发小程序导航icon?
微信小程序导航接口开发及使用方法
上一篇:微信小程序导航栏跳转怎么设置