xt / xcx-book · Commits

Go to a project

Commit 1b3d73a93390cff991cd03f1a5e393852ab56d3a

Authored by vking
1 parent 75e39bcf
build: skipped

菜系

Inline Side-by-side
Showing 2 changed files with 26 additions and 18 deletions
<!--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}}"
wx:for="{{multiArray[0]}}" wx:key="multiArraykey">
{{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;
width: 90%;
border-radius: 10rpx 10rpx 0 0;
padding: 40rpx 5% 10rpx;
padding: 40rpx 40rpx 10rpx;
color: #353535;
}
.caixi-title{
... ... @@ -23,10 +23,13 @@
height: 32rpx;
min-width: 32rpx;
}
.close cover-image{
.close image{
width: 100%;
height: 100%;
}
.caixi-view{
}
.item{
background-color: #F0F0F9;
width: 150rpx;
... ... @@ -39,6 +42,11 @@
text-align: center;
margin-bottom: 30rpx;
position: relative;
display: inline-block;
margin-right: calc((100% - 600rpx) / 3);
}
.item:nth-child(4n){
margin-right:0;
}
.item.active{
background-color: #ECC49C;
... ...