那些年uniapp踩過的坑之——-搜索框插件uni-search-bar字體和圖標居中的問題

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

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

但是公司要求的是這樣滴

但是 uni-search-bar這個插件給我的偏偏是這樣子滴

 這個時候我以為是簡簡單單的樣式問題,但是多方調試無果之後才發現,這兩個根本不是一個東西

首先找到這個組件

 然後發現

 他這是兩個顯示隱藏的問題

兩個簡單的方法

1,直接去掉if,else的判斷,把text部分刪除就一直顯示輸入框就好了,變成這樣就好了

 2,找到這個樣式發現他的布局是flex,用justify-content: center;居中,那就直接把這個去掉就好了,注意要找到他的父元素哦

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