小程序模板网

微信小程序实战开发教程-抽屉菜单

抽屉菜单是app上常见的菜单设计方式,典型的抽屉菜单如下图所示下面展示如何基于微信小程序实现抽屉菜单,最终效果如下图所示:页面包含一个主页和抽屉菜单页,为了实现滑动效果,页面采 ...

 

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

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

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


			
  1. <view id='id-main-page' class='main-page' animation='{{animationData}}' style='left:{{mainPageLeft}}rpx;'
  2. bindtouchstart='onMainPageTouchstart' catchtouchmove='onMainPageTouchmove' bindtouchend='onMainPageTouchend' bindtap='onMainPageTap'>
  3. <view class="userinfo">
  4. <image class="userinfo-avatar" src="{{userInfo.avatarUrl}}" background-size="cover"


易优小程序(企业版)+灵活api+前后代码开源 码云仓库:starfork
本文地址:https://www.eyoucms.com/wxmini/doc/course/17945.html 复制链接 如需定制请联系易优客服咨询:800182392 点击咨询
QQ在线咨询