現(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有