cookbook

+// pack-cookbook/components/cart/cart.js
+Component({
+    /**
+     * 组件的属性列表
+     */
+    properties: {
+
+    },
+
+    /**
+     * 组件的初始数据
+     */
+    data: {
+
+    },
+
+    /**
+     * 组件的方法列表
+     */
+    methods: {
+
+    }
+})

+{
+    "component": true,
+    "usingComponents": {
+        "foodSpec": "../food-spec/food-spec"
+    }
+}

+<!--pack-cookbook/components/cart/cart.wxml-->
+<view class="mask flex-bc" style="bottom: 102rpx; align-items: flex-end;">
+    <view class="cart">
+        <view class="cart-title flex-rr">
+            <view class="icon">
+                <image src=""></image>
+            </view>
+            <view class="text">清空购物车</view>
+        </view>
+        <view class="cart-body">
+            <view class="cart-item flex-lr" wx:for="{{[1,2,3,4,5]}}" wx:key="item.key">
+                <foodSpec item="{{item}}" type="-" id="foodSpecDel"
+                          sellerid="{{sellerid}}" orderid="{{orderid}}"
+                          fromSoucre="{{fromSoucre}}" request_uri="{{request_uri}}"
+                          bindfoodSpecCallback="foodSpecCallback">
+                    <view class='jian'></view>
+                </foodSpec>
+                <view class="t-align-c">{{item.num||10}}</view>
+                <foodSpec item="{{item}}" type="+"
+                          sellerid="{{sellerid}}" orderid="{{orderid}}"
+                          fromSoucre="{{fromSoucre}}" request_uri="{{request_uri}}"
+                          bindfoodSpecCallback="foodSpecCallback">
+                    <view class='add'></view>
+                </foodSpec>
+            </view>
+        </view>
+    </view>
+</view>

+/* pack-cookbook/components/cart/cart.wxss */
+@import "/app.wxss";
+.cart{
+  background-color: #fefefe;
+}

@@ -76,9 +76,10 @@
 }
 }
 .toast-content-money{
 .toast-content-money{
   float: left;
   float: left;
-  color: #C8B16D;
-  font-size:17px;
-  line-height: 28px;
+  color: #353535;
+  font-size:36rpx;
+  line-height: 50rpx;
+  font-weight: bold;
 }
 }
 .toast-content-add{
 .toast-content-add{
   float: right;
   float: right;

@@ -5,6 +5,7 @@
   "usingComponents": {
   "usingComponents": {
     "foodCard": "../components/food-card/food-card",
     "foodCard": "../components/food-card/food-card",
     "cookClass": "../components/cook-class/cook-class",
     "cookClass": "../components/cook-class/cook-class",
-    "nav":"/components/nav/nav"
+    "nav":"/components/nav/nav",
+    "cart":"../components/cart/cart"
   }
   }
 }
 }

@@ -67,3 +67,4 @@
 <cookClass id="menu" bind:changeList="changeList"
 <cookClass id="menu" bind:changeList="changeList"
            cooklist="{{cookbooklist}}" hasListModel="{{hasListModel}}">
            cooklist="{{cookbooklist}}" hasListModel="{{hasListModel}}">
 </cookClass>
 </cookClass>
+<cart></cart>

@@ -170,6 +170,7 @@
   height:100rpx;
   height:100rpx;
   background-color: #fefefe;
   background-color: #fefefe;
   color:#353535;
   color:#353535;
+  border-top: 2rpx solid #F5F5F5;
 }
 }
 .bottom-view image{
 .bottom-view image{
   width: 100%;
   width: 100%;