快速预定

 {
 {
-  "usingComponents": {}
+  "backgroundTextStyle":"light",
+  "navigationBarBackgroundColor": "#fff",
+  "navigationBarTextStyle":"light",
+  "usingComponents": {
+    "nav":"/components/nav/nav",
+    "cart":"../components/cart/cart",
+    "formids":"/components/formids/formids"
+  }
 }
 }

 <!--pack-cookbook/pages/cart.wxml-->
 <!--pack-cookbook/pages/cart.wxml-->
-<text>pack-cookbook/pages/cart.wxml</text>
+<nav id="nav" hasHome backgroundColor="#262628" color="#fefefe">提交订单</nav>
+<view class="header">
+</view>
+<view class="page">
+    <view class="carts">
+        <view class="block">
+            <view class="title">123123</view>
+            <view class="cart-body">
+                <view class="cart-item flex-lr" wx:for="{{[1,2,3,4,5,1,2,3,4,5,1,2,3,4,6]}}" wx:key="item.key">
+                    <view class="icon">
+                        <image src="{{}}"></image>
+                    </view>
+                    <view class="name">范德萨范德萨发{{item}}</view>
+                    <view class="price">￥125.00/份</view>
+                    <view class="opt">
+                        {{item.num||10}}
+                    </view>
+                </view>
+            </view>
+        </view>
+        <view class="block">
+            <view class="title">123123</view>
+            <view class="cart-body">
+                <view class="cart-item flex-lr" wx:for="{{[1,2,3,4,5,1,2,3,4,5,1,2,3,4,6]}}" wx:key="item.key">
+                    <view class="icon">
+                        <image src="{{}}"></image>
+                    </view>
+                    <view class="name">范德萨范德萨发{{item}}</view>
+                    <view class="price">￥125.00/份</view>
+                    <view class="opt">
+                        {{item.num||10}}
+                    </view>
+                </view>
+            </view>
+        </view>
+    </view>
+</view>
+<view class="footer">
+    <view class="total">共计：¥88</view>
+    <view class="infos">
+        <view class="flex-lr item">
+            <view>人数：</view>
+            <view>
+                <input placeholder="请输入人数"/>
+            </view>
+        </view>
+        <view class="flex-lr item">
+            <view>备注：</view>
+            <view class="flex-rr">
+                <view class="desc">口味、偏好等要求</view>
+                <view class="more"></view>
+            </view>
+        </view>
+    </view>
+    <view class="submit">确认下单</view>
+</view>

-/* pack-cookbook/pages/cart.wxss */
+/* pack-cookbook/pages/cart.wxss */
+page{
+  background-color: #F5F5F5;
+}
+.header{
+  height: 280rpx;
+  background-color: #262628;
+  margin-top: -2rpx;
+  color:#FEFEFE;
+  font-size: 34rpx;
+}
+.page{
+  position: fixed;
+  top:150rpx;
+  bottom: 0;
+  left: 10rpx;
+  right: 10rpx;
+  background-color: #fefefe;
+  border-radius: 10rpx;
+  overflow-y: auto;
+}
+.footer{
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  text-align: center;
+  background-color: #f5f5f5;
+}
+.footer .infos{
+  margin: 0 10rpx 20rpx;
+  background-color: #fefefe;
+  border-radius: 10rpx 10rpx 0 0;
+  font-size: 28rpx;
+  padding: 0 20rpx;
+}
+.footer .infos .item{
+  height: 100rpx;
+  line-height: 100rpx;
+}
+.infos input{
+  text-align: right;
+}
+.infos .desc{
+  margin-right: 20rpx;
+  white-space:nowrap;
+  overflow: hidden;
+  max-width: 95%;
+  color: #999999;
+}
+
+.footer .submit{
+  height: 98rpx;
+  line-height: 98rpx;
+  background-color: #262628;
+  color:#fefefe;
+  font-size: 34rpx;
+}
+.total{
+  height: 140rpx;
+  line-height: 140rpx;
+  border-top: 2rpx solid #F5F5F5;
+  border-radius: 0 0 10rpx 10rpx;
+  margin:0 10rpx 20rpx;
+  text-align: right;
+  background-color: #fefefe;
+  font-weight: bold;
+  font-size: 36rpx;
+  padding-right: 34rpx;
+}
+
+
+
+.carts{
+  overflow-y: auto;
+  padding: 0 5% 680rpx;
+}
+.carts image{
+  width: 100%;
+  height: 100%;
+}
+.carts .icon{
+  width: 40rpx;
+  min-width: 40rpx;
+  height: 40rpx;
+  background-color: #f5f5f5;
+  border-radius: 50%;
+  overflow: hidden;
+  margin-right: 20rpx;
+}
+.carts .title{
+  height:80rpx;
+  line-height: 80rpx;
+  font-size: 28rpx;
+  border-bottom: 2rpx solid #F5F5F5;
+}
+.cart-body{
+
+}
+.cart-item{
+  height: 100rpx;
+  line-height: 100rpx;
+  font-size: 34rpx;
+}
+.cart-item .name{
+  width: 60%;
+  overflow: hidden;
+  white-space:nowrap;
+}
+.cart-item .price{
+  width: 32%;
+  white-space:nowrap;
+  margin: 0 4%;
+}
+.cart-item .opt{
+  font-size: 36rpx;
+  font-weight: bold;
+  min-width: 80rpx;
+  width: 80rpx;
+  text-align: right;
+}

@@ -6,6 +6,7 @@
     "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"
+    "cart":"../components/cart/cart",
+    "formids":"/components/formids/formids"
   }
   }
 }
 }