在微信小程序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如何打开演示项目文件夹
  • 热门搜索
    猫肉的做法大全 老鸭汤的做法大全 健康码怎么弄 百香果怎么吃 车前草怎么吃 读书卡怎么做 酉字怎么读 煜怎么读音 爱他美奶粉怎么样 水鱼汤的做法