Blame view

绿纤uni-app/unpackage/dist/dev/mp-weixin/components/SearchSelectModal.wxml 3.07 KB
c6224cb7   李宇   最新
1
  <block wx:if="{{show}}"><view data-event-opts="{{[['tap',[['closeModal',['$event']]]]]}}" class="modal-overlay data-v-7ff2d7fe" bindtap="__e"><view data-event-opts="{{[['tap',[['',['$event']]]]]}}" class="modal-content data-v-7ff2d7fe" catchtap="__e"><view class="modal-header data-v-7ff2d7fe"><text class="modal-title data-v-7ff2d7fe">{{title}}</text><text data-event-opts="{{[['tap',[['closeModal',['$event']]]]]}}" class="modal-close data-v-7ff2d7fe" bindtap="__e">×</text></view><view class="modal-body data-v-7ff2d7fe"><block wx:if="{{showCrossStore}}"><view class="cross-store-toggle data-v-7ff2d7fe"><u-switch vue-id="7e68a8c8-1" value="{{isCrossStore}}" activeColor="#43e97b" inactiveColor="#c8e6c9" data-event-opts="{{[['^change',[['onCrossStoreChange']]]]}}" bind:change="__e" class="data-v-7ff2d7fe" bind:__l="__l"></u-switch><text class="toggle-text data-v-7ff2d7fe">跨店获取数据</text></view></block><view class="search-container data-v-7ff2d7fe"><u-input class="search-input data-v-7ff2d7fe" vue-id="7e68a8c8-2" placeholder="请输入搜索内容" clearable="{{true}}" value="{{searchKeyword}}" data-event-opts="{{[['^input',[['__set_model',['','searchKeyword','$event',[]]],['handleSearch']]]]}}" bind:input="__e" bind:__l="__l"></u-input></view><scroll-view class="option-list data-v-7ff2d7fe" style="{{'max-height:'+('600rpx')+';'}}" scroll-y="{{true}}" refresher-enabled="{{true}}" refresher-triggered="{{refreshing}}" data-event-opts="{{[['scrolltolower',[['loadMore',['$event']]]],['refresherrefresh',[['refresh',['$event']]]]]}}" bindscrolltolower="__e" bindrefresherrefresh="__e"><block wx:for="{{options}}" wx:for-item="option" wx:for-index="index" wx:key="index"><view data-event-opts="{{[['tap',[['selectOption',['$0'],[[['options','',index]]]]]]]}}" class="{{['option-item','data-v-7ff2d7fe',(selectedOption&&selectedOption.value===option.value)?'selected':'']}}" bindtap="__e"><text class="option-label data-v-7ff2d7fe">{{option.label}}</text><block wx:if="{{option.subtitle}}"><text class="option-subtitle data-v-7ff2d7fe">{{option.subtitle}}</text></block></view></block><block wx:if="{{loading}}"><view class="loading-item data-v-7ff2d7fe"><u-loading-icon vue-id="7e68a8c8-3" mode="circle" size="24" class="data-v-7ff2d7fe" bind:__l="__l"></u-loading-icon><text class="loading-text data-v-7ff2d7fe">加载中...</text></view></block><block wx:if="{{$root.g0}}"><view class="no-more-item data-v-7ff2d7fe"><text class="no-more-text data-v-7ff2d7fe">没有更多数据了</text></view></block><block wx:if="{{$root.g1}}"><view class="empty-options data-v-7ff2d7fe"><text class="empty-text data-v-7ff2d7fe">{{searchKeyword?'没有找到相关数据':'暂无数据'}}</text></view></block></scroll-view></view><view class="modal-footer data-v-7ff2d7fe"><button data-event-opts="{{[['tap',[['closeModal',['$event']]]]]}}" class="modal-btn cancel-btn data-v-7ff2d7fe" bindtap="__e"> 取消 </button><button class="modal-btn confirm-btn data-v-7ff2d7fe" disabled="{{!selectedOption}}" data-event-opts="{{[['tap',[['confirmSelection',['$event']]]]]}}" bindtap="__e"> 确定 </button></view></view></view></block>