那些年uniapp踩过的坑之——-搜索框插件uni-search-bar字体和图标居中的问题

• 2022 年 4 月 12 日
• 筆記
• uni-search-bar, uniapp搜索框

用uniapp必不可少的就是搜索框

但是公司要求的是这样滴

但是 uni-search-bar这个插件给我的偏偏是这样子滴

 这个时候我以为是简简单单的样式问题,但是多方调试无果之后才发现,这两个根本不是一个东西

首先找到这个组件

 然后发现

 他这是两个显示隐藏的问题

两个简单的方法

1,直接去掉if,else的判断,把text部分删除就一直显示输入框就好了,变成这样就好了

 2,找到这个样式发现他的布局是flex,用justify-content: center;居中,那就直接把这个去掉就好了,注意要找到他的父元素哦

 今天又是努力工作的一天呢