在微信小程序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中怎样制作九九乘法表
  • Android Studio中如何为页面添加背景图片?
  • eclipse无法打开的一种解决方法
  • 微信开发者工具怎么导入小程序项目
  • Android Studio怎么下载sdk
  • PyCharm如何打开演示项目文件夹
  • 热门搜索
    过年手抄报 爱祖国手抄报简单漂亮 关于劳动的手抄报 地理手抄报 防溺水手抄报图片 汉字手抄报图片 消防安全手抄报图片 反邪教手抄报内容 清明节手抄报。 六一手抄报