快速预定

 <!--pack-cookbook/pages/success.wxml-->
 <!--pack-cookbook/pages/success.wxml-->
 <nav id="nav" hasHome backgroundColor="#ffffff" color="#000000">已点菜品</nav>
 <nav id="nav" hasHome backgroundColor="#ffffff" color="#000000">已点菜品</nav>
+<view>
+    <view class="pages flex-vc success">
+        <view class="icon">
+            <icon type="success" size="47" color="#C8B16D"/>
+        </view>
+        <view class="title Medium">订单提交成功</view>
+        <view class="optx flex-vc">
+            <view class="opt-view flex-ll">
+                <view class="but editor">修改菜品</view>
+                <view class="but share">分享</view>
+            </view>
+        </view>
+    </view>
+    <view class="hr"></view>
+</view>
 <view class="pages">
 <view class="pages">
     <view class="carts">
     <view class="carts">
         <view class="block">
         <view class="block">
@@ -36,6 +51,9 @@
 <view class="hr"></view>
 <view class="hr"></view>
 <view class="pages">
 <view class="pages">
     <view class="infos">
     <view class="infos">
+        <view class="item">
+            订单信息
+        </view>
         <view class="flex-ll item">
         <view class="flex-ll item">
             <view>订单编号：</view>
             <view>订单编号：</view>
             <view class="">22333445678</view>
             <view class="">22333445678</view>
@@ -46,3 +64,10 @@
         </view>
         </view>
     </view>
     </view>
 </view>
 </view>
+<view style="height: 150rpx;width: 100%;"></view>
+<view class="optx flex-vc">
+    <view class="opt-view flex-ll">
+        <view class="but editor">修改菜品</view>
+        <view class="but share">分享</view>
+    </view>
+</view>

@@ -72,8 +72,8 @@
   font-size: 28rpx;
   font-size: 28rpx;
 }
 }
 .infos .item{
 .infos .item{
-  height: 100rpx;
-  line-height: 100rpx;
+  height: 80rpx;
+  line-height: 80rpx;
 }
 }
 .infos input{
 .infos input{
   text-align: right;
   text-align: right;
@@ -84,4 +84,62 @@
   overflow: hidden;
   overflow: hidden;
   max-width: 95%;
   max-width: 95%;
   color: #999999;
   color: #999999;
+}
+.infos .item:first-child{
+  border-bottom: 2rpx solid #F5F5F5;
+  height: 100rpx;
+  line-height: 100rpx;
+}
+
+.optx{
+  height: 96rpx;
+  line-height: 96rpx;
+  background-color: #262628;
+  position: fixed;
+  bottom: 0;
+  left:0;
+  right: 0;
+  color:#fefefe;
+  font-size: 34rpx;
+}
+.opt-view{
+  height: 50rpx;
+  line-height: 50rpx;
+  width: 100%;
+}
+.opt-view .but{
+  width: 50%;
+  text-align: center;
+
+}
+.opt-view .but:first-child{
+  border-right: 2rpx solid #979797;
+}
+.pages .optx{
+  position: relative;
+  background-color: #fefefe;
+  color: #262628;
+  border: 2rpx solid #262628;
+  height: 80rpx;
+  line-height: 80rpx;
+  margin-bottom: 74rpx;
+  width: 100%;
+}
+.success image{
+  width: 100%;
+  height: 100%;
+}
+.success .icon{
+  width: 100rpx;
+  height: 100rpx;
+  margin-top: 46rpx;
+}
+.success .title{
+  font-size: 36rpx;
+  margin-top: 36rpx;
+  margin-bottom: 100rpx;
+}
+.success .info{
+  font-size: 26rpx;
+  color:#999999
 }
 }