addressPicker.wxml
2.82 KB
<view class='content' hidden="{{!editeAddressPage.isShow}}">
<view class="wx-mask" id="wx-mask">
<view class="picker-view">
<view class="header">
<text class='headerText'>选择地区</text>
<view class="cancelButtonView" catchtap="cancelButton">
<image class='cancelButton' src='./images/x@3x.png'></image>
</view>
</view>
<view class="fliter">
<view class="fliterItemView" wx:if='{{editeAddressPage.currentLevel >=0}}' style="margin-left: 30rpx;" catchtap="didTouchFliter" data-index="0">
<text class="fliterItem" style="color:{{editeAddressPage.level0Select ? '#444444' : '#D0021B'}};border-bottom:{{fliterSelectIndex == 0 ? '4rpx solid #D0021B' : ''}};" >{{editeAddressPage.level0Select ? editeAddressPage.level0Select.caption : '请选择'}}</text>
</view>
<view class="fliterItemView" wx:if='{{editeAddressPage.currentLevel >=1}}' catchtap="didTouchFliter" data-index="1">
<text class="fliterItem" style="color:{{editeAddressPage.level1Select ? '#444444' : '#D0021B'}};border-bottom:{{fliterSelectIndex == 1 ? '4rpx solid #D0021B' : ''}};" >{{editeAddressPage.level1Select ? editeAddressPage.level1Select.caption : '请选择'}}</text>
</view>
<view class="fliterItemView" wx:if='{{editeAddressPage.currentLevel >=2}}' catchtap="didTouchFliter" data-index="2">
<text class="fliterItem" style="color:{{editeAddressPage.level2Select ? '#444444' : '#D0021B'}};border-bottom:{{fliterSelectIndex == 2 ? '4rpx solid #D0021B' : ''}};" >{{editeAddressPage.level2Select ? editeAddressPage.level2Select.caption : '请选择'}}</text>
</view>
<view class="fliterItemView" wx:if='{{editeAddressPage.currentLevel >=3}}' style="margin-right: 30rpx;" catchtap="didTouchFliter" data-index="3">
<text class="fliterItem" style="color:{{editeAddressPage.level3Select ? '#444444' : '#D0021B'}};border-bottom:{{fliterSelectIndex == 3 ? '4rpx solid #D0021B' : ''}};" >{{editeAddressPage.level3Select ? editeAddressPage.level3Select.caption : '请选择'}}</text>
</view>
</view>
<scroll-view class='scrollView' scroll-y style="height: 624rpx;">
<block wx:for="{{editeAddressPage['address_'+ fliterSelectIndex]}}" wx:key='{{index}}'>
<view class='cell' catchtap="didTouchCell" data-fliter-select-index="{{fliterSelectIndex}}" data-row-index="{{index}}">
<text class='title' style="color:{{item.caption == editeAddressPage['level' + fliterSelectIndex + 'Select'].caption ? '#D0021B' : '#444444'}}">{{item.caption}}</text>
<image wx:if="{{item.caption == editeAddressPage['level' + fliterSelectIndex + 'Select'].caption}}" class='selectIcon' src='./images/choose@3x.png'></image>
</view>
</block>
</scroll-view>
</view>
</view>
</view>