(1) 在样式类文件中添加，其中gao1，gao2是两个样式类，可自行设置名称。

.gao1{
  height: 80px;
}

.gao2{
  height:200px;
}

(2) 将内容区固定在页面底部。点击编辑页面底部蓝条上内容区的父标签，选择样式，弹出对话框，设置如下右图。

(3) 在内容区添加数据绑定，选择CSS类绑定，绑定参数设置为{"gao1":test() =="gao1","gao2":test() =="gao2"}，初始化值为{"test":"gao1"}。

(4) 按钮位置设置逻辑，在产生某效果位置选择绑定数据编程，点击高级编辑，在逻辑代码位置粘贴如下代码：

if (_vm.test()=="gao1") {
_vm.test("gao2");
} else {
_vm.test("gao1");
}

(5) 页面发布后的效果图：

弹出的效果：