parent
cab6ffb912
commit
1366fc5f79
8 changed files with 89 additions and 19 deletions
@ -1,7 +1,16 @@ |
|||||||
<scroll-view scroll-y="true" height="100%"> |
<scroll-view scroll-y="true" height="100%"> |
||||||
|
<view class="item-container"> |
||||||
<block wx:for="{{items}}" wx:for-item="item"> |
<block wx:for="{{items}}" wx:for-item="item"> |
||||||
<view class="item" bindtap="bindShowProduct" data-id="{{item.id}}"> |
<view class="item" bindtap="bindShowProduct" data-id="{{item.id}}"> |
||||||
<image class="head-img" src="{{item['image-url']}}" mode="aspectFit"></image> |
<image class="head-img" src="{{item['image-url']}}" mode="scaleToFill"></image> |
||||||
|
<view class="first-line"> |
||||||
|
<text class="name">{{item.name}}</text> |
||||||
|
</view> |
||||||
|
<view class="second-line"> |
||||||
|
<text>¥{{item.price}}</text> |
||||||
|
<text>加入购物车</text> |
||||||
|
</view> |
||||||
</view> |
</view> |
||||||
</block> |
</block> |
||||||
|
</view> |
||||||
</scroll-view> |
</scroll-view> |
@ -0,0 +1,33 @@ |
|||||||
|
.item-container { |
||||||
|
display: flex; |
||||||
|
flex-direction: row; |
||||||
|
flex-wrap: wrap; |
||||||
|
margin-bottom: 100rpx; |
||||||
|
} |
||||||
|
|
||||||
|
.item { |
||||||
|
width: 335rpx; |
||||||
|
margin-bottom: 80rpx; |
||||||
|
display: flex; |
||||||
|
flex-direction: column; |
||||||
|
font-size: 30rpx; |
||||||
|
margin-left: 20rpx; |
||||||
|
margin-right: 20rpx; |
||||||
|
} |
||||||
|
|
||||||
|
.item image { |
||||||
|
width: 335rpx; |
||||||
|
height: 335rpx; |
||||||
|
margin-bottom: 20rpx; |
||||||
|
} |
||||||
|
|
||||||
|
.item .first-line { |
||||||
|
font-size: 25rpx; |
||||||
|
margin-bottom: 20rpx; |
||||||
|
} |
||||||
|
|
||||||
|
.item .second-line { |
||||||
|
display: flex; |
||||||
|
flex-direction: row; |
||||||
|
justify-content: space-between; |
||||||
|
} |
Loading…
Reference in new issue