常规弹层是指不需要向服务器做任何数据提交的弹层,它一般用于展示静态内容。
仍以之前创建的“测试页面”为例,现继续在原来的测试页面中添加容器,且将容器类型选择为“常规弹层”:
很显然,常规弹层的设置项非常简单,只能定义标识名称和标题显示内容,按钮设置里也只能使用按钮组或水平对齐方式,其他选项都被禁止使用。这是因为,弹层都以右侧弹出方式显示,它会自动占据屏幕右侧的所有高度,宽度则是固定的,以刚好可以适应各种终端设备为原则;弹层中可以加入按钮,但它会固定显示在下方。
和之前的面板类容器一样,弹层中的内容可以随意添加。如下图所示,在这个弹层里加了2个元素:一个文字段落,一个按钮:
此时,你即使点击“生成代码”,刷新页面后,在页面中并不会增加显示任何内容。
那么,如何让这个弹层显示呢?当然需要事件触发。现在,我们在“容器名1”的卡片面板里再添加一个按钮,该按钮配置的重点,是要将打开弹层绑定到刚刚设置的“容器名4”:
点击“生成代码”,刷新页面,那么,“测试页面”中就会显示此按钮:
点击该按钮,弹层将在屏幕右侧弹出,如下图所示:
点击弹层下方的“关闭弹层”按钮,或者在弹层外面的任何地方单击,该弹层都将关闭。再次点击页面中的“弹层方式显示内容”按钮,该弹层又将弹出。
至于如何在弹层中添加按钮,将在“按钮组件”中详细说明。