▶ 鼠标经过容器
更新时间:2021-03-04

鼠标经过容器展示的样式是默认状态下展示特定的背景和内容,鼠标经过这个容器时可以另外展示与默认状态不同的背景和内容。

1,在工具库的组件里,选择鼠标经过容器,添加到页面上。


20200817161123970.png@!w400


2,在控件属性里,有两种状态,默认和悬停。默认就是鼠标没有在控件上时控件的样式;悬停是鼠标在控件上时控件的样式。


20200817161350688.png@!w400


3,选择“默认”时,控件的属性就是设置的默认状态下的样式,在属性里可以为默认状态添加链接。


20200817161642275.png@!w400


4,在默认-设计里,可以设置默认状态下的背景图或背景色、边框、圆角、阴影和定位。


20200817161828978.png@!w400


5,在“出场动画”里,我们提供12种动画效果,并且可以设置动画的持续时间和延迟时间。


20200817170110387.png@!w400


6,默认状态下的容器样式设置好后,就可以往里添加其他控件了。注意,容器本身是没有高度的,容器的高度是由容器里的控件高度决定的,比如添加一个文本控件,可以通过设置文本控件的上下内边距来撑开容器的高度。

20200817170612114.png@!w400

如果没给文本设置上下内边距,那容器的高度就是一行文字的高度。


20200817170937842.png@!w400


7,点击“悬停”,可设置鼠标经过经过容器时,容器的样式,包含链接设置、背景图/背景色等。鼠标经过容器时,想要展示什么内容,就可以往容器里加对应的控件。具体操作方法同默认状态下容器的操作方法一致。


20200817171346728.png@!w400

上一篇:搜索
下一篇:可折叠

相关推荐

帮助中心纠错
提交