微信小程序入门：初步了解官方文档（循环、视图容器、icon、image）_微信小程序 wx-for image

今天是正式学习微信小程序的第一天，学习微信小程序先从了解官方文档开始吧。

这一节开始学习微信小程序官方文档中的for循环、视图容器、icon、image等。

打开index文件夹下的index.wxml，接下来可以开始我们的表演啦。

 

1.使用for循环打印数组、打印九九乘法表、打印n遍同样的话

效果如下：

源码如下：

<!--for循环实例-->

<view wx:for="{ {[1,2,3,4,5,6]}}">

  { {item}}

</view>

 

<view wx:for="{ {[1,2,3,4,5,6,7,8,9]}}" wx:for-item="i">

  <view wx:for="{ {[1,2,3,4,5,6,7,8,9]}}" wx:for-item="j">

    <view wx:if="{ {i<=j}}">

      { {i}}x{ {j}} = { {i * j}}

    </view>

  </view>

</view>

 

<block wx:for="{ {[1, 2, 3]}}">

  <view>come on</view>

  <view>加油</view>

</block>

 

2.视图容器