微信小程序?qū)崿F(xiàn)搜索框功能
更新時(shí)間：2022年07月18日 15:01:04 作者：空谷丶幽蘭
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)搜索框功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
本文實(shí)例為大家分享了微信小程序?qū)崿F(xiàn)搜索框功能的具體代碼，供大家參考，具體內(nèi)容如下
效果：
wxml文件:
<view class="search_input" >
<navigator url="/pages/search/search" open-type="navigate" class="navigator">
<text class="iconfont icon-guanbi"></text> 搜索
</navigator>
</view> text中需要導(dǎo)入圖標(biāo)樣式，這里利用的是iconfont
url是要跳轉(zhuǎn)的頁面
.search_input {
height: 90rpx;
background-color: #eb4450;
padding: 10rpx;
}
.search_input .navigator{
background-color: #fff;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
border-radius: 15rpx;
color: #999;
font-size: 32rpx;
}.js中：
如果是組件引用全局樣式，需要加如下屬性
options:{
addGlobalClass:true,
},以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要為大家詳細(xì)介紹了js獲取USB掃碼槍數(shù)據(jù)的方法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-09-09
條件判斷語句是程序開發(fā)過程中一種經(jīng)常使用的語句形式,和大部分編程語言相同,JavaScript 中也有條件判斷語句,這篇文章主要給大家介紹了關(guān)于如何讓js中的if判斷如絲般順滑的相關(guān)資料,需要的朋友可以參考下2021-10-10
JS實(shí)現(xiàn)的倒計(jì)時(shí)恢復(fù)按鈕點(diǎn)擊功能【可用于協(xié)議閱讀倒計(jì)時(shí)】
這篇文章主要介紹了JS實(shí)現(xiàn)的倒計(jì)時(shí)恢復(fù)按鈕點(diǎn)擊功能,可用于協(xié)議閱讀倒計(jì)時(shí),涉及javascript基于setInterval的時(shí)間定時(shí)觸發(fā)相關(guān)操作技巧,需要的朋友可以參考下2018-04-04
JavaScript實(shí)現(xiàn)鼠標(biāo)經(jīng)過表格行給出顏色標(biāo)識
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)鼠標(biāo)經(jīng)過表格行給出顏色標(biāo)識，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-04-04
Invalid?Host?header問題該如何解決的幾種方式
Invalid Host header是一個(gè)常見的錯(cuò)誤信息,通常發(fā)生在Web應(yīng)用程序中,下面這篇文章主要給大家介紹了關(guān)于Invalid?Host?header問題該如何解決的幾種方式,需要的朋友可以參考下2024-09-09
這篇文章主要為大家詳細(xì)介紹了基于JavaScript實(shí)現(xiàn)放大鏡放大購物圖片效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-01-01
JS中數(shù)學(xué)計(jì)算精度問題的解決方案
這篇文章主要給大家介紹了JS中數(shù)學(xué)計(jì)算精度問題的解決方案,文中通過代碼示例和圖文結(jié)合給大家講解非常詳細(xì),對大家的學(xué)習(xí)或工作有一定的幫助,需要的朋友可以參考下2023-12-12
本文主要通過幾個(gè)實(shí)例對js中作用域進(jìn)行詳細(xì)解析，具有很好的參考價(jià)值。下面跟著小編一起來看下吧2017-03-03
這篇文章主要介紹了IE及IE6瀏覽器中判斷JS文件加載成功失敗的方法,本文使用vbscript來解決這個(gè)問題,需要的朋友可以參考下2015-02-02
這篇文章主要介紹了JavaScript 棧的詳解及實(shí)例代碼的相關(guān)資料,需要的朋友可以參考下2017-01-01