如何使用小程序使用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
  • 热门搜索
    路由器怎么重置 无线网怎么设置密码 碧玉怎么养 淘宝怎么评价 我的世界树苗怎么长大 草莓酱怎么做 眼皮跳是怎么回事 长痘怎么办 怎么样减肥 河海大学怎么样