uniapp实现支付宝菜单展开与收起

需求实现支付宝类似的效果：

 思路：

        1.首先建立展开收起按钮，这里使用的是uview里面的icon图标。

        2.其次建立展开菜单内容，这里只演示了文本信息，后期引入首页应用。

        3.最后写js逻辑，展开收起时改变盒子高度和icon。

代码：

1.视图层

				
					
						首页应用
						
					
					
						
					
				
				
				
					第1行文字
					第2行文字
					第3行文字
					第4行文字
					第5行文字
				
			

// 展开菜单
				.showMenusBox {
					height: 300px;
					margin: 15rpx 32rpx;
				}

2.逻辑层

handleShow() {
				this.isMenuShow = !this.isMenuShow;
			}

这样就大功告成了！！！