SearchBox.html 1.94 KB
<div id="NMEC_${id}" class="wev-comp-${compType}" >
    <div class="wev-searchbox wev-search">
        {@if leftBtns.length > 0}
        <div class="wev-searchbox-btn-wrap">
           {@each leftBtns as btn,index}
                {@if btn.text && btn.icon}
                    <div class="btn" data-index="${btn.index}">
                        <div class="btn-inner">
                            <img src="${btn.icon}">
                            <div>$${btn.text}</div>
                        </div>
                    </div>
                {@else if btn.text}
                    <button class="btn" data-index="${btn.index}">$${btn.text}</button>
                {@else if btn.icon}
                    <img class="btn" data-index="${btn.index}" src="${btn.icon}">
                {@/if}
           {@/each}
        </div>
        {@/if}
        <div class="wev-search-inner">
            <div class="wev-placeholder">
                <div class="wev-placeholder-inner wev-ellipsis">
                    <span class="wev-small-icon wev-icon-search"></span><span class="wev-placeholder-text">${tip}</span>
                </div>
            </div>
            <div class="wev-clear-btn"></div>
        </div>
       {@if rightBtns.length > 0}
        <div class="wev-searchbox-btn-wrap">
           {@each rightBtns as btn,index}
                {@if btn.text && btn.icon}
                    <div class="btn" data-index="${btn.index}">
                        <div class="btn-inner">
                            <img src="${btn.icon}">
                            <div>$${btn.text}</div>
                        </div>
                    </div>
                {@else if btn.text}
                    <button class="btn" data-index="${btn.index}">$${btn.text}</button>
                {@else if btn.icon}
                    <img class="btn" data-index="${btn.index}" src="${btn.icon}">
                {@/if}
           {@/each}
        </div>
        {@/if}
    </div>
</div>