This repository has been archived on 2024-07-11. You can view files and clone it, but cannot push or open issues or pull requests.
yoshop-wechat/components/diy/window/window.wxml
2020-04-25 22:59:04 +08:00

30 lines
1.9 KiB
Plaintext

<!-- 图片橱窗 -->
<view class="diy-window" style="background: {{ itemStyle.background }}; padding: {{ itemStyle.paddingTop }}px {{ itemStyle.paddingLeft }}px;">
<!-- matrix -->
<view wx:if="{{ itemStyle.layout > -1 }}" class="data-list avg-sm-{{ itemStyle.layout }}">
<view wx:for="{{ dataList }}" wx:key="this" wx:for-item="dataItem" class="data-item" style="padding: {{ itemStyle.paddingTop }}px {{ itemStyle.paddingLeft }}px;">
<view class="item-image" catchtap="navigationTo" data-url="{{ dataItem.linkUrl }}">
<image class="image" mode="widthFix" src="{{ dataItem.imgUrl }}"></image>
</view>
</view>
</view>
<!-- display -->
<view wx:else class="display">
<view class="display-left" style="padding: {{ itemStyle.paddingTop }}px {{ itemStyle.paddingLeft }}px;">
<image class="image" catchtap="navigationTo" data-url="{{ dataList[0].linkUrl }}" src="{{ dataList[0].imgUrl }}"></image>
</view>
<view class="display-right">
<view wx:if="{{ dataList.length >= 2 }}" class="display-right1" style="padding: {{ itemStyle.paddingTop }}px {{ itemStyle.paddingLeft }}px;">
<image class="image" catchtap="navigationTo" data-url="{{ dataList[1].linkUrl }}" src="{{ dataList[1].imgUrl }}"></image>
</view>
<view class="display-right2">
<view wx:if="{{ dataList.length >= 3 }}" class="left" style="padding: {{ itemStyle.paddingTop }}px {{ itemStyle.paddingLeft }}px;">
<image class="image" catchtap="navigationTo" data-url="{{ dataList[2].linkUrl }}" src="{{ dataList[2].imgUrl }}"></image>
</view>
<view wx:if="{{ dataList.length >= 4 }}" class="right" style="padding: {{ itemStyle.paddingTop }}px {{ itemStyle.paddingLeft }}px;">
<image class="image" catchtap="navigationTo" data-url="{{ dataList[3].linkUrl }}" src="{{ dataList[3].imgUrl }}"></image>
</view>
</view>
</view>
</view>
</view>