3. 编辑元素
侧滑菜单栏
在需要使用菜单栏的时候，将菜单栏以滑动的方式从侧面显示，从而达到使页面外观更美观简洁的目的。
1. 打开侧滑菜单栏模板
在页面编辑界面，选择“模板”。
选择系统选项卡并在搜索栏中输入“侧滑菜单栏”，找到“侧滑菜单栏”模板并点击“应用”按钮。
2. 设置滑动菜单栏属性
右键点击文字处，选择“侧滑栏属性”。
侧滑栏属性说明：
l 触发滑动菜单栏的元素：设置触发滑动菜单栏的元素，在输入框中输入：“#元素id”。
l 方向：设置菜单栏滑动出现的方向，有左侧、右侧两个出现方式可以选择。
l 滑动菜单栏显示宽度：设置菜单栏的显示宽度，可以是像素或者百分比，如：200px，或者：20%。这里的百分比是相对于整个屏幕而言。
l 滑动菜单栏滑动出现的时间：滑动菜单栏滑动出现的时间，单位是ms。
l 推动设置：滑动菜单栏出现时，是否设置滑块推动主界面滑动。
l 遮罩设置：是否设置遮罩，当菜单栏滑出时，遮罩会覆盖除菜单栏以外的其他区域。
l 遮罩颜色：设置遮罩的颜色。
l 显示层级: 设置滑动菜单栏显示的层级数。层级数值高的页面会显示在层数值低的页面之上。
3. 实际应用
下面设置一个触发元素的id为：a1（输入框内需要输入#a1）、方向为：左侧、宽度为：15%、不需要推动主界面滑动、遮罩颜色为：#cccccc 的侧滑栏 。
设置好侧滑栏属性后，还需要设置一个触发元素。这里将一个按钮设置为触发元素，并在按钮的逻辑属性中将按钮的id命名为：a1。
下图为没有激活触发元素时的界面：
激活触发元素后，效果如下图：
