快速预定

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

 <!--pack-cookbook/pages/success.wxml-->
 <!--pack-cookbook/pages/success.wxml-->
-<text>pack-cookbook/pages/success.wxml</text>
+<nav id="nav" hasHome backgroundColor="#ffffff" color="#000000">已点菜品</nav>
+<view class="pages">
+    <view class="carts">
+        <view class="block">
+            <view class="title">123123</view>
+            <view class="cart-body">
+                <view class="cart-item flex-lr" wx:for="{{[1]}}" 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 class="total">共计：¥88</view>
+</view>
+<view class="hr"></view>
+<view class="pages">
+    <view class="infos">
+        <view class="flex-lr item">
+            <view>备注：</view>
+            <view class="">口味、偏好等要求</view>
+        </view>
+        <view class="flex-lr item">
+            <view>人数：</view>
+            <view class="">111</view>
+        </view>
+    </view>
+</view>
+<view class="hr"></view>
+<view class="pages">
+    <view class="infos">
+        <view class="flex-ll item">
+            <view>订单编号：</view>
+            <view class="">22333445678</view>
+        </view>
+        <view class="flex-ll item">
+            <view>下单时间：</view>
+            <view class="">2018-07-12</view>
+        </view>
+    </view>
+</view>

-/* pack-cookbook/pages/success.wxss */
+/* pack-cookbook/pages/success.wxss */
+.pages{
+  padding: 40rpx 5% 0;
+}
+
+
+.carts{
+  overflow-y: auto;
+}
+.carts image{
+  width: 100%;
+  height: 100%;
+}
+.carts .icon{
+  width: 48rpx;
+  min-width: 48rpx;
+  height: 48rpx;
+  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;
+}
+.total{
+  height: 140rpx;
+  line-height: 140rpx;
+  border-top: 2rpx solid #F5F5F5;
+  border-radius: 0 0 10rpx 10rpx;
+  margin:0 10rpx 20rpx;
+  text-align: right;
+  font-weight: bold;
+  font-size: 36rpx;
+  padding-right: 34rpx;
+}
+.hr{
+  height: 20rpx;
+  background-color: #f5f5f5;
+  width: 100%;
+}
+.infos{
+  background-color: #fefefe;
+  font-size: 28rpx;
+}
+.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;
+}