首页 > 代码库 > 动态面板

动态面板

动态面板 比如快速登录和账号密码登录
A、动态面板可以添加多个状态,
B、每个状态可添加不同的内容,
C、设置连个登录按钮的样式转换,
D、单击不同的按钮切换不同的状态
以下为实现步骤:
 
(1)拖一个动态面板到页面中,命名为Login,并拖动两个矩形,放在动态面板上方,命名快速登录、账号密码登录
双击打开面板管理状态。
添加两个状态,快速登录、账号密码登录
技术分享
(2)为【快速登录】添加内容
在面板管理中双击【快速登录】,打开界面
技术分享
(3)为【账号密码登录】添加内容
在面板管理中双击【账号密码登录】,打开界面
技术分享
(4)此时在面板中会显示state1的内容
技术分享
(5)为两个登录按钮设置选中样式,被选中时变红色
技术分享
技术分享
(6)分别为两个按钮的【鼠标点击时】事件添加case1,设置动作为【选中】“当前元件”
技术分享
技术分享
 
效果如下:
技术分享
 
设置按钮唯一选中 设置选项组名称
技术分享
把快速登录勾选选中,打开浏览器默认快速登录被选中
技术分享
点击【快速登录】按钮,跳到账号密码登录
技术分享
动态面板:固定位置
拉动滚动条,页面内容滚动,导航栏始终固定在顶部位置。
分析:将不随着页面变化的内容放在动态面板中,并在动态面板的属性中进行固定到浏览器的位置。
技术分享
 
技术分享

动态面板