在微信小程序中的view视图有哪些属性?
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、点击模拟器进行预览
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
阅读量:128
阅读量:20
阅读量:160
阅读量:127
阅读量:150