如何使用小程序使用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组件并显示组件属性事件
  • weblogic12c如何清理应用缓存文件
  • Navicat Premium 12怎么自动开始事务关闭
  • mac电脑怎么设置使用SMB来共享文件?
  • 百度在线编辑器UEditor在.net环境下的配置
  • java格式化日期为yyyy-MM-dd
  • 热门搜索
    低烧怎么办 电饭煲做蛋糕的做法 紫甘蓝怎么做好吃 千纸鹤怎么叠 u盘怎么格式化 为什么会长斑 奎怎么读 烤箱怎么用 亳怎么读 柒怎么读