教程问题反馈:第4章 场景应用界面常见的交互反馈
问题发生在4.3.1 触摸反馈这一小节中。具体位置在代码清单4-1
/* page.wxss */
/* 定义颜色为红色 */
.hover{
background-color: red;
}
<!--page.wxml --> <button type="default" hover-class="hover"> 点击button </button>
按教程所说的结果应该为:
点击按钮时按钮背景会变成红色。
实际运行的结果:在微信开发者工具和本人的小米8手机中运行上面的代码片断,点击按钮时按钮背景均没有变成红色。
处理方式:去掉button的type属性,将button代码变成
<button hover-class=“hover”> 点击button </button>,然后运行,点击按钮时按钮背景变成了期望的红色。