|
|
本文实例为大家分享了微信小程序实现搜索框功能的具体代码,供大家参考,具体内容如下
) o- `" J5 }" o) z# u5 g效果:
8 Z8 J6 c9 N/ ?& I% z$ \7 S+ ?" ?' w0 |
wxml文件:text中需要导入图标样式,这里利用的是iconfont
+ ~, G" [ g5 n! z; _6 q5 Durl是要跳转的页面- .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中:
/ E! Y6 `% W) a9 P, R$ {5 @1 o如果是组件引用全局样式,需要加如下属性- options:{ addGlobalClass:true, },
复制代码 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。! {* I" n8 S. k4 e9 ~8 U
; ^9 f: ^6 n; T4 K# a* z3 O7 D
来源:http://www.jb51.net/article/227126.htm
& w2 T5 G" F2 s% x1 D免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作! |
本帖子中包含更多资源
您需要 登录 才可以下载或查看,没有账号?立即注册
×
|