您当前的位置: 首页 > 知识百科 > 怎么进行微信小程序icon引入

怎么进行微信小程序icon引入

时间:2023-07-01 14:05 阅读数:34 人阅读 分类:知识百科

  关于微信小程序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?

  微信小程序导航接口开发及使用方法