feat(components): 添加搜索弹窗组件并优化弹窗插件
添加了新的 search-popup 组件,包含完整的搜索和筛选功能, 支持扫码、输入搜索、自定义插槽等特性。同时优化了 popup-plugin 组件的代码结构,移除了调试日志并改进了模板格式。
This commit is contained in:
61
miniprogram/pages/components/search-popup/search-popup.wxml
Normal file
61
miniprogram/pages/components/search-popup/search-popup.wxml
Normal file
@@ -0,0 +1,61 @@
|
||||
<view style="display: flex;align-items: center;margin-bottom: 12px;{{customStyle}}">
|
||||
<view style="flex: 1;margin-right: {{hideMore ? 0 : '12px'}};">
|
||||
<block wx:if="{{useInputSlot}}">
|
||||
<slot name='input' />
|
||||
</block>
|
||||
<block wx:else>
|
||||
<t-input
|
||||
wx:if="{{!hideInput}}"
|
||||
placeholder="{{placeholder || '请输入关键字'}}"
|
||||
clearable
|
||||
borderless
|
||||
bindchange="change"
|
||||
value="{{value || ''}}"
|
||||
data-key="{{dataKey}}"
|
||||
confirm-type="search"
|
||||
bind:clear="clear"
|
||||
custom-style="background:#f5f5f5;min-height: 34px;height:34px;padding: 0;"
|
||||
size="small"
|
||||
>
|
||||
<t-button
|
||||
name="search"
|
||||
slot="prefix-icon"
|
||||
size="small"
|
||||
theme="primary"
|
||||
bindtap="scanCode"
|
||||
icon="scan"
|
||||
/>
|
||||
<t-button
|
||||
slot="suffix-icon"
|
||||
bindtap="search"
|
||||
icon="search"
|
||||
theme="primary"
|
||||
size="small"
|
||||
/>
|
||||
</t-input>
|
||||
</block>
|
||||
</view>
|
||||
<t-button
|
||||
wx:if="{{!hideMore}}"
|
||||
bindtap="showSearch"
|
||||
theme="primary"
|
||||
size="small"
|
||||
>
|
||||
筛选
|
||||
</t-button>
|
||||
</view>
|
||||
|
||||
<popup-plugin visible="{{ show }}" bind:close="close" title="筛选条件">
|
||||
<slot name='content' />
|
||||
<slot wx:if="{{useFooterSlot}}" name="footer" />
|
||||
<view wx:else style="padding: 12px 0;display: flex;justify-content: center;position: sticky;bottom: 0;left: 0;background-color: #fff;z-index: 1;">
|
||||
<t-button
|
||||
bindtap="ok"
|
||||
style="min-width: 80px;"
|
||||
size="small"
|
||||
theme="primary"
|
||||
>搜索
|
||||
</t-button>
|
||||
</view>
|
||||
</popup-plugin>
|
||||
|
||||
Reference in New Issue
Block a user