1、打开微信开发者工具,在项目文件目录中打开wxml文件,view视图是存在wxml文件中的。

2、在wxml文件中新建一个view标签,同时为这个标签添加一个class属性,名字叫
outer。

3、接着在wxss样式文件中,写上outer这个class的内容,定义视图的宽和高,同时给它一个背景颜色。

4、返回wxml文件中,为view视图添加第一个属性,这个属性的名称是hover-class,表示鼠标点击时的一个样式,这里给的样式名字是outer_hover。

5、打开wxss样式文件,添加outer_hover这样样式的内容,定义背景颜色为红色。

6、返回到wxml文件,添加第二个属性,这个属性的名称是hover-start-time,意思是点击多久之后,触发样式,这里设置为0,表示立即触发样式。

7、第三个属性的名称是hover-stay-time,意思是点击之后保留的时间,时间单位是毫秒。

8、最后我们开启模拟器,对程序运行的结果进行预览!

1、打开wxml文件
2、新建view视图
3、定义样式表内容
4、添加hover-class属性
5、添加hover-start-time属性
6、添加hover-stay-time属性
7、点击模拟器进行预览