快速预定

 <!--pack-cookbook/components/cart/cart.wxml-->
-<view class="mask flex-bc" style="bottom: 102rpx; align-items: flex-end;">
+<view class="mask flex-bc" style="bottom: 103rpx; align-items: flex-end;">
     <view class="cart">
         <view class="cart-title flex-rr">
             <view class="icon">
-                <image src=""></image>
+                <image src="http://qn.colorcun.com/custom/lite-yd-cook/image/empty.png"></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 class="cart-item flex-lr" wx:for="{{[1,2,3,4,5,3,4,5,3,4,5]}}" wx:key="item.key">
+                <view class="name">啦啦啦啦啦</view>
+                <view class="price">￥</view>
+                <view class="flex-lr opt">
+                    <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>

@@ -2,4 +2,86 @@
 @import "/app.wxss";
 .cart{
   background-color: #fefefe;
+  border-radius: 10rpx 10rpx 0 0;
+  width: 100%;
+}
+.cart image{width: 100%; height: 100%;}
+.cart-title{
+  line-height: 60rpx;
+  height: 60rpx;
+  background-color: #F5F5F5;
+  color:#999999;
+  font-size: 24rpx;
+  border-radius: 10rpx 10rpx 0 0;
+}
+.cart-title .icon{
+  width: 26rpx;
+  height: 26rpx;
+  margin-right: 20rpx;
+}
+.cart-title .text{
+  margin-right: 5%;
+}
+.cart-body{
+  max-height: 620rpx;
+  overflow-y: auto;
+  padding: 0 5%;
+}
+.cart-item{
+  height: 100rpx;
+  line-height: 100rpx;
+  font-size: 30rpx;
+}
+.cart-item .name{
+  width: 100%;
+}
+.cart-item .price{
+  width: 100%;
+}
+.cart-item .opt{
+  font-size: 36rpx;
+  font-weight: bold;
+  min-width: 160rpx;
+  width: 160rpx;
+}
+
+
+.jian,.add{
+  width: 60rpx;
+  height: 60rpx;
+  position: relative;
+}
+.jian::after{
+  position: absolute;
+  content: '';
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  margin: auto;
+  width: 60%;
+  height: 6rpx;
+  background-color: #999;
+  border-radius: 10rpx;
+}
+.cart-item .jian,.hasListModel .add{
+  width:36rpx;
+  height: 36rpx;
+  border-radius: 50%;
+}
+.cart-item .jian{
+  border: 2rpx solid #262628;
+
+}
+.cart-item .jian:after{
+  width: 75%;
+  height: 4rpx;
+  background-color: #262628;
+}
+.cart-item .add{
+  background-color: #fefefe;
+  background-image: url("http://qn.colorcun.com/custom/lite-yd-cook/image/add.png");
+  background-size: 100%;
+  width: 40rpx;
+  height: 40rpx;
 }
\ No newline at end of file

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