uni-app小程式與app端的相容問題
阿新 • • 發佈：2020-12-27
整理在uni-app一套程式碼適配app&小程式遇到的相容問題。持續更新…
-
uni-app單位問題： 動態繫結的 style 不支援直接使用 upx
upx - 小程式與app都支援
rpx - 小程式支援psupx換算使用：
- 若設計稿寬度為 640px，元素 A 在設計稿上的寬度為 100px，那麼元素 A 在 uni-app 裡面的寬度 應該設為：750 * 100 / 640，結果為：117upx。
- 若設計稿寬度為 375px，元素 B 在設計稿上的寬度為 200px，那麼元素 B 在 uni-app 裡面的寬度應該設為：750 * 200 / 375，結果為：400upx。
-
uni-app小程式使用網頁巢狀：在介面中巢狀別的網址介面顯示
app端支援
<web-view>也支援<iframe>
小程式僅支援<web-view>
注意⚠：下面這個必須為https域名，http域名部分iphone無法響應<web-view src="https://www.baidu.com/?tn=62095104_10_dg"></web-view> -
uni-app小程式圖片不顯示（真機除錯時）
解決1 - 給圖片專門設width && height
解決2 - 使用相對路徑
解決3 - 如果是給<view>設了background。改成<image url=""> -
uni-app小程式點選事件無效（@click真機除錯時）
原因1 層級不夠高
解決：設定z-index
原因2 (如下例)真機除錯input聚焦時，按鈕無法點選。
解決：不要讓按鈕覆蓋在輸入框上，讓他保持在輸入框右邊