c端预定

 <!--pages/reserve/detail.wxml-->
-<nav>...</nav>
+<nav>{{seller.seller_name}}</nav>
+<view class="seller-banner">
+    <swiper
+            indicator-dots="{{false}}" autoplay="{{false}}" circular="{{false}}" vertical="{{false}}"
+            interval="2000" duration="500"
+            previous-margin="{{20}}px" next-margin="{{20}}px"
+            current="{{current}}" bindchange="bindtransition">
+        <block wx:for="{{sellers}}" wx:key="sellers.key">
+            <swiper-item bindtap="gotoDetail" data-sid="{{item.id}}">
+                <image src="" class="image" mode="aspectFill"></image>
+            </swiper-item>
+        </block>
+    </swiper>
+</view>
 <view class="pages">
-
+    <view class="seller">
+        <view class="base flex-vc">
+            <view class="name">陕西风味面馆</view>
+            <view class="ping flex-cc">
+                <view class="item flex-lr fen">
+                    <view>*****</view>
+                    <view>4.0分</view>
+                </view>
+                <view class="item">西北菜</view>
+                <view class="item">人均60元</view>
+            </view>
+            <view class="peitao flex-cc">
+                <view class="icon bao">包间</view>
+                <view class="icon ka">卡座</view>
+                <view class="icon car">停车场</view>
+            </view>
+        </view>
+        <view class="addr">
+            <view class="addr-text flex-ll">
+                <image src=""></image>
+                <view>高新区唐延南路35号旺座现代城D座二层</view>
+            </view>
+            <view class="addr-long">距您当前位置100m</view>
+        </view>
+    </view>
+    <view class="black20line"></view>
+    <view class="block">
+        <view class="header flex-ll">
+            <view class="line"></view>
+            <view class="name">包间环境</view>
+        </view>
+        <scroll-view
+                scroll-y
+                style="height: 200px;"
+                bindscrolltoupper="upper"
+                bindscrolltolower="lower"
+                bindscroll="scroll"
+                scroll-into-view="{{toView}}"
+                scroll-top="{{scrollTop}}"
+        >
+            <view id="green" class="scroll-view-item bc_green"></view>
+            <view id="red" class="scroll-view-item bc_red"></view>
+            <view id="yellow" class="scroll-view-item bc_yellow"></view>
+            <view id="blue" class="scroll-view-item bc_blue"></view>
+        </scroll-view>
+    </view>
+    <view class="block">
+        <view class="header flex-ll">
+            <view class="line"></view>
+            <view class="name">包间环境</view>
+        </view>
+        <scroll-view
+                scroll-y
+                style="height: 200px;"
+                bindscrolltoupper="upper"
+                bindscrolltolower="lower"
+                bindscroll="scroll"
+                scroll-into-view="{{toView}}"
+                scroll-top="{{scrollTop}}"
+        >
+            <view id="green" class="scroll-view-item bc_green"></view>
+            <view id="red" class="scroll-view-item bc_red"></view>
+            <view id="yellow" class="scroll-view-item bc_yellow"></view>
+            <view id="blue" class="scroll-view-item bc_blue"></view>
+        </scroll-view>
+    </view>
 </view>

-/* pages/reserve/detail.wxss */
\ No newline at end of file
+/* pages/reserve/detail.wxss */
+.pages{
+  width: 90%;
+  margin: 0 auto;
+  font-size: 30rpx;
+  color:#353535;
+  padding-bottom: 200rpx;
+}
+.seller-banner{
+  width: 100%;
+  height: 400rpx;
+}
+.seller-banner .image{
+  width: 100%;
+  height: 100%;
+}
+.black20line{
+  width: 110%;
+  margin-left: -5%;
+  height: 20rpx;
+  background-color: #F5F5F5;
+}
+
+.seller .base{
+  padding: 40rpx 0;
+}
+.base .name{
+  font-size: 36rpx;
+  height: 50rpx;
+  line-height: 50rpx;
+  margin-bottom: 10rpx;
+}
+.base .ping,.base .peitao{
+  height: 34rpx;
+  line-height: 34rpx;
+  color:#999999;
+  font-size: 24rpx;
+}
+.base .ping .item{
+  height: 24rpx;
+  line-height: 24rpx;
+  padding-left: 14rpx;
+  border-left: 2rpx solid #999999;
+  margin-left: 20rpx;
+}
+.base .ping .item:first-child{
+  border-width: 0;
+  margin-left: 0;
+  padding-left: 0;
+}
+.base .peitao{
+  margin-top: 10rpx;
+}
+
+
+.seller .addr{
+  height: 152rpx;
+  border-top: 2rpx solid #f5f5f5;
+}
+
+.addr-text{
+  height: 42rpx;
+  line-height: 42rpx;
+  margin-top: 34rpx;
+}
+.addr-text image{
+  width: 24rpx;
+  height: 28rpx;
+  margin-right: 20rpx;
+}
+.addr-long{
+  font-size: 24rpx;
+  color:#999999;
+  margin-left: 44rpx;
+  height: 34rpx;
+  line-height: 34rpx;
+  margin-top: 2rpx;
+}
+
+.block{
+  padding: 80rpx 0 60rpx;
+}
+.block .header{
+  height: 44rpx;
+  line-height: 44rpx;
+}
+.block .line{
+  height: 44rpx;
+  width: 4rpx;
+  background: linear-gradient(to bottom, #838383, #4C4C4C);
+  margin-right: 4rpx;
+}
+.block .name{
+  height: 44rpx;
+  width: 124rpx;
+  background: linear-gradient(to bottom, #838383, #4C4C4C);
+  font-size: 24rpx;
+  color: #FFFFFF;
+  text-align: center;
+}
\ No newline at end of file

@@ -31,7 +31,7 @@
 			"list": []
 		},
 		"miniprogram": {
-			"current": 38,
+			"current": 39,
 			"list": [
 				{
 					"id": 0,
@@ -328,6 +328,13 @@
 					"pathName": "pages/book/b_index",
 					"query": "seller_id=1&manage_id=1902&seller_openid=oGefL4uTmdsQn214CFZTVlHAfhnQ",
 					"scene": "1001"
+				},
+				{
+					"id": -1,
+					"name": "pages/reserve/detail   在线订座",
+					"pathName": "pages/reserve/detail",
+					"query": "id=80",
+					"scene": null
 				}
 			]
 		}