手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

在微信小程序wxml中怎样制作九九乘法表

时间:2024-10-12 20:21:07

1、首先我们在微信小程序的项目文件目录中打卡一个wxml的文件。

在微信小程序wxml中怎样制作九九乘法表

2、然后再wxml中,新建一个view标签,并且添加一个列表渲染,渲染一个从1到9的数字。

在微信小程序wxml中怎样制作九九乘法表

3、然后将这个渲染的item的值改为“row”。

在微信小程序wxml中怎样制作九九乘法表

4、接着再新建一个view,也给它一个列表渲染,从1到9的一个数组。

在微信小程序wxml中怎样制作九九乘法表

5、将它的item改为“col”。

在微信小程序wxml中怎样制作九九乘法表

6、接着给它一个判断控制语句,col要小于或等于row。

在微信小程序wxml中怎样制作九九乘法表

7、然后再内容里面写上乘法计算。{{row}}*{{col}}={{row*col}}

在微信小程序wxml中怎样制作九九乘法表

8、最后在效果预览区域里面查看九九乘法表的效果。

在微信小程序wxml中怎样制作九九乘法表
© 手抄报圈