<view class="searchWrapper">
    <view class="searchContainer">
        <view class="search">
            <view class="icon-search">
                <zw-icon name="search-thin" size="{{iconsize}}" color="#ccc"></zw-icon>
            </view>
            <view class="search-input-content {{canSearch ? (focus ? 'input-focus-length' : '') : 'input-full-length'}}">
                <input
                class="search-input"
                value="{{value}}"
                placeholder="{{placeholder}}"
                focus="{{focus}}"
                placeholder-class="placeholder"
                confirm-type="{{confirmType}}"
                bindfocus="focusHandle"
                bindblur="blurHandel"
                bindinput="inputHandle"
                bindconfirm="confirmHandel" />
            </view>
            <zw-icon
                class="icon-clear {{focus&&value ? '': 'icon-clear-hide'}}" s-if="{{showClear || focus&&value}}"
                bindtap="clearHandle"
                name="clear"
                size="{{iconsize}}"
                color="#ccc"
                hover-class="icon-clear-hover" />
            <view s-if="{{canSearch}}" class="search-button" bindtap="searchHandle" hover-class="search-button-hover">
                <view
                class="search-button-text {{platform === 'ios' ? 'ios-border-left' : 'android-border-left'}}"
                style="color:{{value || isDefaultQuery ? searchTextColor : '#999'}}">
                    搜索
                </view>
            </view>
        </view>
    </view>
</view>
