首页 > 代码库 > 动态面板
动态面板
动态面板 比如快速登录和账号密码登录
A、动态面板可以添加多个状态,
B、每个状态可添加不同的内容,
C、设置连个登录按钮的样式转换,
D、单击不同的按钮切换不同的状态
以下为实现步骤:
(1)拖一个动态面板到页面中,命名为Login,并拖动两个矩形,放在动态面板上方,命名快速登录、账号密码登录
双击打开面板管理状态。
添加两个状态,快速登录、账号密码登录
(2)为【快速登录】添加内容
在面板管理中双击【快速登录】,打开界面
(3)为【账号密码登录】添加内容
在面板管理中双击【账号密码登录】,打开界面
(4)此时在面板中会显示state1的内容
(5)为两个登录按钮设置选中样式,被选中时变红色
(6)分别为两个按钮的【鼠标点击时】事件添加case1,设置动作为【选中】“当前元件”
效果如下:
设置按钮唯一选中 设置选项组名称
把快速登录勾选选中,打开浏览器默认快速登录被选中
点击【快速登录】按钮,跳到账号密码登录
动态面板:固定位置
拉动滚动条,页面内容滚动,导航栏始终固定在顶部位置。
分析:将不随着页面变化的内容放在动态面板中,并在动态面板的属性中进行固定到浏览器的位置。
动态面板
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。