微信小程序开发：(抽屉)侧边栏主页的实现

微信小程序的语法和使用和前端的开发非常相似，如果做过前端开发的，再去开发小程序，上手会非常快。本篇博文来分享一下微信小程序开发的时候的侧边抽屉栏效果，侧边栏弹出菜单这个功能还是比较常见的，所以就分享出来，方便使用。

微信小程序的侧边弹出菜单栏的实现和移动端原生App的实现还是有所不同的，毕竟微信小程序的开发是基于前端开发的，使用的方法都是前端的一套逻辑，废话少说，直接上代码，具体操作步骤如下所示。

1、wxml文件的实现：

<view class="page">

  <!-- 侧边栏内容 -->

  <view class="page-slidebar">

    <view class="page-content">

      <view class="userinfo">

        <open-data class="userinfo-avatar" lang="zh_CN" type="userAvatarUrl"></open-data>

        <open-data