finclip 按鈕樣式問題

現(xiàn)象描述:

使用finclip studio的模擬器開發(fā)小程序時發(fā)現(xiàn)模擬器和真機會給button內(nèi)置默認樣式,在微信小程序上好好的,移植到finclip小程序里就莫名其妙樣式不對了

檢查了下樣式,多出來的樣式在項目內(nèi)沒有搜到,而且是屬于通用樣式


image.png

image.png
image.png

模擬器內(nèi)置了button的樣式,設(shè)置了padding: 8px 24px,導(dǎo)致文字被擠壓

image.png

排查過程

因為有樣式來自于這個html,所以直接在chrome里打開這個本地鏈接,但是這個鏈接不太好復(fù)制,所以打開finclip studio自身的devtool找到對應(yīng)的webview,復(fù)制這個鏈接


image.png

打開后我們就看到了,它內(nèi)置的樣式wx-button變成了button,并且給button內(nèi)置了padding


image.png

這個內(nèi)置的樣式很惡心,如果是正常網(wǎng)頁開發(fā)的話,可以直接整體一起改,但是在小程序里,只能針對每個按鈕挨個改過去

微信開發(fā)者工具里就沒有這個樣式,所以微信小程序沒有影響,只有這個finclip有

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容