如何使用小程序使用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
  • 热门搜索
    怎么在网上赚钱 王力防盗门怎么样 肚子胀是怎么回事 板鸭怎么做好吃 黑眼圈怎么消除 wps怎么生成目录 心怎么折叠图解 电烤箱怎么用 滋源洗发水怎么样 柯迪亚克怎么样