1. 程式人生 > >小程式中 opacity 真機無效

小程式中 opacity 真機無效

最近剛做小程式碰到的一個問題,記錄下,希望能幫到要用的小夥伴。中間有用到密碼框6位隱藏輸入,上面是效果截圖,在電腦上截的,所以大家忽略中間兩個點:

其實這個密碼框的效果實現並不難。

思想就是:寫6個相同的inpu框,type為password,禁止輸入。

然後寫一個input框,定位到這6個密碼框的上方。把他的透明度設為0。

當用戶輸入的時候實際是輸入到了上面的那個透明的input框,我們只需要把輸入的字串處理放在6個用來顯示的密碼框就可以了。

 

-------------------------------------------------------

然後寫完在真機上測的時候,會發現用來輸入的input框,怎麼都隱藏不掉。

這個目前來看,應該是小程式的相容問題。

 

微信平臺社群有人已經解決:  

使用定位將input移出螢幕外面。增加input的padding,使之依舊能覆蓋到6個小的input框。

 

 

end---------------------