diff --git a/app.json b/app.json
index 1229814..f58e7bb 100644
--- a/app.json
+++ b/app.json
@@ -1,7 +1,11 @@
 {
   "pages": [
-    "pages/userCenter/index",
     
+    "pages/carte/index",
+    "pages/myCart/index",
+    "pages/hot/index",
+    "pages/dishOrders/index",
+
     "pages/vip/index",
     "pages/myGrade/index",
     "pages/getGrade/index",
@@ -13,13 +17,9 @@
     "pages/activities/index",
     "pages/userInfo/index",
 
-    "pages/carte/index",
-    "pages/myCart/index",
-    "pages/hot/index",
-    "pages/dishOrders/index",
-
     "pages/welcome/index",
     "pages/index/index",
+    "pages/userCenter/index",
     "pages/detail/index",
     "pages/evaluate/index"
   ],
diff --git a/assets/openMenusIcon.svg b/assets/openMenusIcon.svg
new file mode 100644
index 0000000..e2c5263
--- /dev/null
+++ b/assets/openMenusIcon.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1547024948013" class="icon" style="" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1995" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M896 544H384c-17.6 0-32-14.4-32-32s14.4-32 32-32h512c17.6 0 32 14.4 32 32s-14.4 32-32 32zM896 864H384c-17.6 0-32-14.4-32-32s14.4-32 32-32h512c17.6 0 32 14.4 32 32s-14.4 32-32 32zM896 224H384c-17.6 0-32-14.4-32-32s14.4-32 32-32h512c17.6 0 32 14.4 32 32s-14.4 32-32 32zM224 544H128c-17.6 0-32-14.4-32-32s14.4-32 32-32h96c17.6 0 32 14.4 32 32s-14.4 32-32 32zM224 864H128c-17.6 0-32-14.4-32-32s14.4-32 32-32h96c17.6 0 32 14.4 32 32s-14.4 32-32 32zM224 224H128c-17.6 0-32-14.4-32-32s14.4-32 32-32h96c17.6 0 32 14.4 32 32s-14.4 32-32 32z" p-id="1996" fill="#8E8C8F"></path></svg>
\ No newline at end of file
diff --git a/pages/carte/index.js b/pages/carte/index.js
index 4d9aa31..e21552a 100644
--- a/pages/carte/index.js
+++ b/pages/carte/index.js
@@ -4,6 +4,18 @@ const app = getApp()
 
 Page({
   data: {
+    showMenu: false
+  },
+  openMenus(event) {
+    if (event.currentTarget.dataset.close) {
+      this.setData({
+        showMenu: false
+      })
+    } else {
+      this.setData({
+        showMenu: !this.data.showMenu
+      })
+    }
   },
   onLoad() {
   },
diff --git a/pages/carte/index.wxml b/pages/carte/index.wxml
index 4089a2a..2ffc295 100644
--- a/pages/carte/index.wxml
+++ b/pages/carte/index.wxml
@@ -1,4 +1,20 @@
 <!--index.wxml-->
 <view class="carte">
-  carte
+  <scroll-view class="carteWrap">
+    <view class="carteBtns"></view>
+    <view class="carteList"></view>
+    <view class="copyRight">金风凝香 提供技术支持</view>
+  </scroll-view>
+  <view class="carteMenusMask {{showMenu ? 'showMenuMask' : ''}}" data-close="{{true}}" bindtap='openMenus'></view>
+  <view class="carteMenus {{showMenu ? 'showMenu' : ''}}">
+    <view class="menuList"></view>
+    <view class="openMenus" bindtap='openMenus'>
+      <image src="../../assets/openMenusIcon.svg"></image>
+      <text>菜单</text>
+    </view>
+  </view>
+  <view class="basket">
+    <image src="../../assets/cart.svg"></image>
+    <text>购物车</text>
+  </view>
 </view>
diff --git a/pages/carte/index.wxss b/pages/carte/index.wxss
index fe9178a..3231a71 100644
--- a/pages/carte/index.wxss
+++ b/pages/carte/index.wxss
@@ -1,7 +1,101 @@
 /**index.wxss**/
-page{
-  height:100%;
+
+page {
+  height: 100%;
+}
+
+.carte {
+  background: #dbd1de;
+  position: relative;
+  height: 100%;
+}
+
+.carteWrap {
+}
+
+.carteMenusMask {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  z-index: 9;
+  background: rgba(0, 0, 0, 0.65);
+  transition: all 0.3s;
+  opacity: 0;
+}
+
+.showMenuMask {
+  opacity: 1;
+}
+
+.carteMenus {
+  position: absolute;
+  left: 0;
+  top: 0;
+  bottom: 0;
+  z-index: 10;
+}
+
+.carteMenus .menuList {
+  background: #e3e2e2;
+  width: 0;
+  height: 100%;
+  transition: all 0.3s;
+}
+
+.showMenu .menuList {
+  width: 290rpx;
+}
+
+.carteMenus .openMenus {
+  background: #e3e2e2;
+  width: 60rpx;
+  height: 100rpx;
+  padding-right: 15rpx;
+  position: absolute;
+  top: 50%;
+  right: -74rpx;
+  transform: translateY(-50%);
+  border-top-right-radius: 50%;
+  border-bottom-right-radius: 50%;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+}
+
+.carteMenus .openMenus image {
+  width: 35rpx;
+  height: 35rpx;
+}
+
+.carteMenus .openMenus text {
+  font-size: 22rpx;
+  color: #8e8c8f;
+}
+
+.basket {
+  border-radius: 63rpx;
+  border: solid 5rpx #fff;
+  background: rgba(220, 80, 50, 1);
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  width: 116rpx;
+  height: 116rpx;
+  position: fixed;
+  bottom: 40rpx;
+  right: 30rpx;
+}
+
+.basket image {
+  width: 42rpx;
+  height: 42rpx;
+}
+
+.basket text {
+  font-size: 24rpx;
+  color: #fff;
 }
-.carte{
-  height:100%;
-}
\ No newline at end of file
diff --git a/pages/index/index.wxml b/pages/index/index.wxml
index d874691..b4d52bf 100644
--- a/pages/index/index.wxml
+++ b/pages/index/index.wxml
@@ -114,6 +114,6 @@
       <view class="evalsTotal" bindtap="goEvaluate">共有{{evalsInfo.total}}条评价 查看全部评价 <image src="../../assets/right.svg"></image></view>
     </view>
     <view class="copyRight">金风凝香 提供技术支持</view>
-    <view class="goPay" bindtap="goCarte"><image src="../../assets/carteIcon.svg"></image> 去点菜</view>
+    <!-- <view class="goPay" bindtap="goCarte"><image src="../../assets/carteIcon.svg"></image> 去点菜</view> -->
   </scroll-view>
 </view>