菜系

 <!--components/reserve/caixi.wxml-->
 <!--components/reserve/caixi.wxml-->
-<cover-view class="mask" catchtap="hide" hidden="{{hidden}}">
-    <cover-view class="caixi" catchtap="">
-        <cover-view class="caixi-title flex-lr" catchtap="hide">
-            <cover-view class="close"></cover-view>
-            <cover-view class="title Semibold">选择菜系</cover-view>
-            <cover-view class="close">
-                <cover-image src="http://nosqn.colorcun.com/reserve/images/%E5%85%B3%20%20%E9%97%AD.png"></cover-image>
-            </cover-view>
-        </cover-view>
-        <cover-view class="caixi-view flex-auto-ll">
-            <cover-view class="item {{index==multiIndex[0]?'active':''}}"
+<view class="mask" catchtap="hide" hidden="{{hidden}}">
+    <view class="caixi" catchtap="">
+        <view class="caixi-title flex-lr" catchtap="hide">
+            <view class="close"></view>
+            <view class="title Semibold">选择菜系</view>
+            <view class="close">
+                <image src="http://nosqn.colorcun.com/reserve/images/%E5%85%B3%20%20%E9%97%AD.png"></image>
+            </view>
+        </view>
+        <view class="caixi-view">
+            <view class="item {{index==multiIndex[0]?'active':''}}"
                         bindtap="active" data-index="{{index}}"
                         bindtap="active" data-index="{{index}}"
                         wx:for="{{multiArray[0]}}" wx:key="multiArraykey">
                         wx:for="{{multiArray[0]}}" wx:key="multiArraykey">
                 {{item}}
                 {{item}}
-                <cover-image class="number" wx:if="{{index>=1 && index<4}}" src="http://nosqn.colorcun.com/reserve/images/cx{{index}}.png"></cover-image>
-            </cover-view>
-        </cover-view>
-    </cover-view>
-</cover-view>
+                <image class="number" wx:if="{{index>=1 && index<4}}" src="http://nosqn.colorcun.com/reserve/images/cx{{index}}.png"></image>
+            </view>
+        </view>
+    </view>
+</view>

@@ -9,7 +9,7 @@
   bottom: 0;
   bottom: 0;
   width: 90%;
   width: 90%;
   border-radius: 10rpx 10rpx 0 0;
   border-radius: 10rpx 10rpx 0 0;
-  padding: 40rpx 5% 10rpx;
+  padding: 40rpx 40rpx 10rpx;
   color: #353535;
   color: #353535;
 }
 }
 .caixi-title{
 .caixi-title{
@@ -23,10 +23,13 @@
   height: 32rpx;
   height: 32rpx;
   min-width: 32rpx;
   min-width: 32rpx;
 }
 }
-.close cover-image{
+.close image{
   width: 100%;
   width: 100%;
   height: 100%;
   height: 100%;
 }
 }
+.caixi-view{
+
+}
 .item{
 .item{
   background-color: #F0F0F9;
   background-color: #F0F0F9;
   width: 150rpx;
   width: 150rpx;
@@ -39,6 +42,11 @@
   text-align: center;
   text-align: center;
   margin-bottom: 30rpx;
   margin-bottom: 30rpx;
   position: relative;
   position: relative;
+  display: inline-block;
+  margin-right: calc((100% - 600rpx) / 3);
+}
+.item:nth-child(4n){
+  margin-right:0;
 }
 }
 .item.active{
 .item.active{
   background-color: #ECC49C;
   background-color: #ECC49C;