<view wx:for="{{project}}" wx:key="{{item.id}}" >
<!-- <view wx:if="{{item.id==0}}" bindtap="showitem1"> -->
<view class="body_head" bindtap="showitem1" data-navitem="{{item.id}}"> {{item.caseItems.casename}}</view>
<view class='case_icon'>></view>
<view class="{{(currentNavItem==item.id)&(open)?'display_show':'display_none'}}">
<view class='list_item'>
<view class='case'>项目</view>
<view class='case'>做法</view>
<view class='case'>时间</view>
</view>
<view class='list_item' wx:for="{{item.caseItems.casechild}}"wx:key="" bindtap='select'>
<view class='methods_4'>{{item.items}}</view>
<view class='methods_5'>{{item.method}}</view>
<view class='methods_6'>{{item.time}}</view>
</view>
<view class='price' >￥19.00</view>
<view class='old_price'>门市价￥38</view>
<button class='payment' value="">立即购买</button>
<button class='cart'>加入购物车</button>
</view>
</view>
.case_img {
width: 100%;
}
page {
background: #f1f1f1;
}
.case_icon {
transform: rotate(90deg);
font-size: 170%;
width: 70rpx;
height: 70rpx;
position: relative;
left:88%;
top:-100rpx;
}
.body_head {
/* border:1rpx solid #ccc ; */
text-indent: 1em;
border-radius: 22rpx;
background: #fff;
margin: 0 auto;
height: 90rpx;
line-height: 90rpx;
width: 90%;
margin-bottom:20rpx;
margin-top:20rpx;
}
.display_show {
display: block;
border-top: 1rpx solid #ccc;
background: #fff;
/* height: 270rpx; */
line-height: 100rpx;
/* position:relative;
top:-448rpx; */
}
.display_none {
display: none;
}
.circle {
width: 26rpx;
height: 26rpx;
border-radius: 50%;
border: 1rpx solid #d95155;
position: relative;
left: 26rpx;
top: 16rpx;
}
.list_case {
background: red;
}
.red_hover {
width: 26rpx;
height: 26rpx;
border-radius: 50%;
border: 1rpx solid #d95155;
position: relative;
left: 26rpx;
top: 16rpx;
background: #d95155;
}
.case {
font-size: 76%;
display: inline-block;
margin-right: 166rpx;
text-indent: 1em;
height: 50rpx;
/* background:yellow; */
line-height: 50rpx;
position: relative;
top: -22rpx;
left: 56rpx;
}
.time {
font-size: 76%;
display: inline-block;
/* position:relative;
top:-22rpx; */
height: 50rpx;
line-height: 50rpx;
/* left:9%; */
}
.list_item {
height: 56rpx;
border-bottom: 1rpx solid #f4f4f4;
/* background: yellow; */
}
.methods_4 {
font-size: 68%;
margin-right: 228rpx;
text-indent: 1em;
position: relative;
top:-20rpx;
left: 42rpx;
}
.methods_5 {
font-size: 66%;
margin-right: 228rpx;
/* text-indent:1em; */
position: relative;
top: -122rpx;
left: 188rpx;
height: 46rpx;
line-height: 55rpx;
display: inline-block;
}
.methods_6 {
margin-right: 228rpx;
text-indent: 1em;
position: relative;
top: -196rpx;
left: 76%;
height: 46rpx;
line-height: 55rpx;
font-size:26rpx;
}
.payment{
position: relative;
top: -74rpx;
left:5%;
width:23%;
font-size:28rpx;
border-radius:26rpx;
background:#d95155;
color: #fff;
}
.cart{
position:relative;
width:27%;
top:-142rpx;
font-size:28rpx;
border-radius:26rpx;
background:#d95155;
left:35%;
color: #fff;
/* margin-right:80rpxm; */
}
.price{
position: relative;
display: inline-block;
font-size: 28rpx;
color: #d95155;
left: 2%;
}
.old_price{
position: relative;
display: inline-block;
font-size:22rpx;
color:#989898;
left:3%;
text-decoration:line-through;
}
