在微信小程序中的view视图有哪些属性?

时间:2026-02-13 04:16:45

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

在微信小程序中的view视图有哪些属性?

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

outer。

在微信小程序中的view视图有哪些属性?

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

在微信小程序中的view视图有哪些属性?

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

在微信小程序中的view视图有哪些属性?

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

在微信小程序中的view视图有哪些属性?

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

在微信小程序中的view视图有哪些属性?

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

在微信小程序中的view视图有哪些属性?

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

在微信小程序中的view视图有哪些属性?

1、打开wxml文件

2、新建view视图

3、定义样式表内容

4、添加hover-class属性

5、添加hover-start-time属性

6、添加hover-stay-time属性

7、点击模拟器进行预览

© 2026 裕芯经验网
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com