c端预定

@@ -69,19 +69,30 @@
             <view class="name">推荐菜品</view>
             <view class="name">推荐菜品</view>
         </view>
         </view>
         <scroll-view
         <scroll-view
-                scroll-y
-                style="height: 200px;"
+                scroll-x
+                class="cais"
                 bindscrolltoupper="upper"
                 bindscrolltoupper="upper"
                 bindscrolltolower="lower"
                 bindscrolltolower="lower"
                 bindscroll="scroll"
                 bindscroll="scroll"
                 scroll-into-view="{{toView}}"
                 scroll-into-view="{{toView}}"
                 scroll-top="{{scrollTop}}"
                 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>
+
+            <block wx:for="{{seller.baos}}" wx:key="sellers.key">
+                <view class="image-view">
+                    <view class="image">
+                        <image src="{{item}}" mode="aspectFill"></image>
+                    </view>
+                    <view class="text Semibold">gggg</view>
+                </view>
+            </block>
+
         </scroll-view>
         </scroll-view>
+        <view class="cais-text">
+            <block wx:for="{{[1,2,3,4,5,6,7,8,9,10,11]}}" wx:key="sellers.key">
+                <view>sadfad{{item}}</view>
+            </block>
+        </view>
     </view>
     </view>
 </view>
 </view>
 <view class="footer flex-lr">
 <view class="footer flex-lr">

@@ -186,4 +186,46 @@
 .baos .image image{
 .baos .image image{
   width: 100%;
   width: 100%;
   height: 100%;
   height: 100%;
+}
+
+.cais{
+  width: 100%;
+  white-space: nowrap;
+}
+.cais .image-view{
+  display: inline-block;
+  margin-right: 20rpx;
+  border-radius: 10rpx;
+  border: 2rpx solid #F5F5F5;
+}
+.cais .image{
+  width: 400rpx;
+  border-radius: 10rpx 10rpx 0 0;
+  overflow: hidden;
+  height: 206rpx;
+}
+.cais .image image{
+  width: 100%;
+  height: 100%;
+}
+.cais .text{
+  font-size: 30rpx;
+  height: 62rpx;
+  line-height: 62rpx;
+  padding: 0 20rpx;
+  white-space: nowrap;
+  overflow: hidden;
+}
+.cais-text{
+  margin-top: 60rpx;
+}
+.cais-text view{
+  height: 50rpx;
+  line-height: 50rpx;
+  padding: 0 14rpx;
+  border: 2rpx solid #CC995A;
+  margin-right: 20rpx;
+  margin-bottom: 20rpx;
+  display: inline-block;
+  border-radius: 6rpx;
 }
 }