微信小程序icon组件的使用

效果展示:

js文件:

  data: {
    types:["success", "success_no_circle", "info", "warn", "waiting", "cancel", "download", "search", "clear"],
    sizes:[10,20,30,40]
  },

wxml文件:

<block wx:for="{{types}}" wx:for-item="icon">
  <block wx:for="{{sizes}}"  wx:for-item="size">
    <icon type="{{icon}}" size="{{size}}" ></icon>
  </block>
</block>

知识点总结:

1. 如何在wxml中使用for语句
2. block是个容器
3. wxml中的for语句可以自定义{{item}}和{{index}}的名称,使用[wx:for-index=""][wx:for-item=""]