初次開發百度智能小程序 遇到的問題及處理方法

應該和微信小程序差異不是很大了。

1.input組件不能正常居中文字，目前看到的帶有輸入框的都有此現象，以下圖

處理時，line-height比height設置高一些就能夠了，固然這樣只限於第二行動態碼那塊顯示效果好些，因右側有button按鈕組件與之拼接，最終得以居中，第一行只有input的仍是沒法安全居中，期盼官方早點修復一下吧。

2.button組件默認樣式有個小黑點 如圖

這個在css樣式隱藏的比較好，試了好屢次才找到，添加以下代碼便可

swan-button:after{
    border:none;
}

3.input數字類型輸入框正在輸入時，點擊其餘按鈕後，會首先觸發input框失去焦點，而影響點擊事件的觸發，可是百度瀏覽器不一樣版本上出現，暫時沒找出好的處理辦法，這個在其餘的百度小程序上也是如此，暫時也是期盼官方早點修復一下吧。
如今又發現了一個新的問題，兩個輸入框輸入後再去第一個輸入框，再點第二個輸入框時，第一個輸入框內的數字消失了。

4.仍是上邊圖裏的input框，最外層元素只設置了高度的話，在低版本百度app裏竟然會失效，三行表單元素直接鋪滿屏……無奈之下只好把max-height和min-height同時也設置了一下，居然沒問題了。

5.視頻橫屏播放結束後，若是有須要跳轉到其餘頁面的業務處理，這時安卓手機可能會出現下個頁面的樣式混亂，行高 字體大小嚴重錯亂，返回當前頁面時豎屏看到的視頻會被橫向拉伸。初步分析多是由於橫屏播放時將屏幕寬度直接帶入了下一個跳轉的頁面進行單位的計算致使。
處理方法：跳轉前強制退出橫屏播放，this.videoContext.exitFullScreen()。這個方法是在看到蘋果手機在執行跳轉時會自動將橫屏視頻關閉後再跳轉，蘋果手機上就沒出現這樣的問題。

6.字體間距，若是說設計圖上給的文本區域寬度最多恰好能裝的下xx個字，計算事後一部分蘋果手機上可能會出現少一個字的現象，文本之間默認間距不同。須要設置一下 word-spacing和letter-spacing 。

7.事件委託後未獲取到當前點擊目標的屬性，緣由，父級綁定事件後，子元素第一層裏綁定的屬性，點擊子元素內的元素時，不能經過e.target.dataset.xxx 獲取到，須要對每一個被點擊後處理事件的最後一層的子元素進行屬性的綁定，這樣頁面上的元素就會有不少都被綁定着屬性，不知道有沒有其餘更好的辦法。
8.撥打電話時接口，phoneNumber座機號碼內若是含有-，ios系統不能識別，點擊後無反應，去掉-便可

swan.makePhoneCall({
    phoneNumber: '‭'
});