微信小程序开发之抽屉菜单实例详解

发布日期： 2017-04-24 阅读量： 作者： 网络

抽屉菜单是app上常见的菜单设计方式，典型的抽屉菜单如下图所示

微信小程序开发之抽屉菜单实例详解

抽屉菜单

下面展示如何基于微信小程序实现抽屉菜单,最终效果如下图所示：

微信小程序开发之抽屉菜单实例详解

抽屉菜单

页面包含一个主页和抽屉菜单页，为了实现滑动效果，页面采用absolute布局，代码如下
index.wxml

<view>
  <view>
    <image></image>
    <text>{{userInfo.nickName}}</text>
  </view></view><view>
  <view>
    <image></image>
    <text>{{userInfo.nickName2}}</text>
  </view></view>

# 微信小程序 # 抽屉菜单

上一篇: golang框架与高并发应用场景的深度剖析

下一篇: PHP 函数中变量类型在数组和对象中的应用？

微信小程序开发之抽屉菜单实例详解

随便看看