动态面板

动态面板 比如快速登录和账号密码登录

A、动态面板可以添加多个状态，

B、每个状态可添加不同的内容，

C、设置连个登录按钮的样式转换，

D、单击不同的按钮切换不同的状态

以下为实现步骤：

 

（1）拖一个动态面板到页面中，命名为Login，并拖动两个矩形，放在动态面板上方，命名快速登录、账号密码登录

双击打开面板管理状态。

添加两个状态，快速登录、账号密码登录

（2）为【快速登录】添加内容

在面板管理中双击【快速登录】，打开界面

（3）为【账号密码登录】添加内容

在面板管理中双击【账号密码登录】，打开界面

（4）此时在面板中会显示state1的内容

（5）为两个登录按钮设置选中样式，被选中时变红色

（6）分别为两个按钮的【鼠标点击时】事件添加case1，设置动作为【选中】“当前元件”

 

效果如下：

 

设置按钮唯一选中 设置选项组名称

把快速登录勾选选中，打开浏览器默认快速登录被选中

点击【快速登录】按钮，跳到账号密码登录

动态面板：固定位置

拉动滚动条，页面内容滚动，导航栏始终固定在顶部位置。

分析：将不随着页面变化的内容放在动态面板中，并在动态面板的属性中进行固定到浏览器的位置。