微信小程序实现搜索框功能

lyyszd

本文实例为大家分享了微信小程序实现搜索框功能的具体代码，供大家参考，具体内容如下
) J5 l2 C/ a6 @7 S( D# ^& U7 r效果：
+ Q$ _! I; n, L7 L5 {. x

; A3 t4 L0 E8 C4 s5 lwxml文件:

1.                 搜索        

复制代码

text中需要导入图标样式，这里利用的是iconfont
4 \# a5 `/ [$ ?) `url是要跳转的页面

1. .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中：
如果是组件引用全局样式，需要加如下属性

1. options:{      addGlobalClass:true,  },

复制代码

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
7 x( {3 @, j& g8 \
! |( M/ e* L4 ~来源：http://www.jb51.net/article/227126.htm
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！