如何使用小程序使用icon组件并显示组件属性事件

2024-10-13 10:41:39

1、第一步,打开小程序开发工具,新建wxml文件,并插入一个icon组件,设置type、size和color属性,如下图所示:

如何使用小程序使用icon组件并显示组件属性事件

2、第二步,设置完毕之后保存代码,然后在模拟器左侧查看界面效果,如下图所示:

如何使用小程序使用icon组件并显示组件属性事件

3、第三步,接着返回到代码编辑状态,给icon组件添加一个bindtap事件,如下图所示:

如何使用小程序使用icon组件并显示组件属性事件

4、第四步,在对应的JavaScript文件中,添加bindTap事件,使用console打印结果,如下图所示:

如何使用小程序使用icon组件并显示组件属性事件

5、第五步,保存代码并在预览效果,然后在界面点击图标,在浏览器控制台上查看打印结果,如下图所示:

如何使用小程序使用icon组件并显示组件属性事件

6、第六步,在wxml文件中的代码后添加bindlongtap,并在JavaScript中添加事件函数,如下图所示:

如何使用小程序使用icon组件并显示组件属性事件如何使用小程序使用icon组件并显示组件属性事件
猜你喜欢