题目要求:
源码下载
https://mp.weixin.qq.com/debug/wxadoc/dev/demo.html
项目目标
使用微信提供的演示demo创建项目,修改项目内容,并在手机里运行起来。
项目要求
1.将组件tab里的项目,点击态的灰色字体改为红色,透明度改为0.8:
2.通过调试器断点,当点击「视图容器」时,触发「基础内容」的事件展开其子菜单:
题目要求
3.上传demo代码并设置体验版本,用手机扫码体验
代码实现:
善用WXML抓取、类名/事件名查找,找到需要修改的位置
index.wxss文件
通过事件查找,发现断点打在index.js第41行中,点击左侧【视图容器】,在控制台输入e.currentTarget.id="content"(content即基础内容的id),然后快捷键F8继续执行代码,即可得到结果。
调试工具使用——断点调试
要实现当点击「视图容器」时,触发「基础内容」的事件展开其子菜单的效果,需要在index.js
中添加代码:
index.js文件
最后在小程序开发工具上传demo代码并设置体验版本,用手机扫码体验。