WordPress 網站做資料來源的小程式，一般就看看官方文件做，官方文件寫的怎樣就不吐槽了，反正很多看了等於沒看，會讓你繞很多彎。

這裡記錄一些小坑注意點，能想起的先敲敲，很多忘了。

一些只有 true、false 的元件值，不能直接雙引/單引賦值

例如：表單元件 textarea 獲取焦點調出輸入法時，隱藏輸入法頂部的“確定”按鈕，官方文件說 show-confirm-bar 設為 false 即可，但很多情況下會直接在元件裡面賦值：

<textarea placeholder="我是佔位符" show-confirm-bar="false" />

<textarea placeholder="我是佔位符" show-confirm-bar='false' />

<textarea placeholder="我是佔位符" show-confirm-bar="" />

上面的 show-confirm-bar 都是 true，你要設為 false 正確的應該這樣寫：

<textarea placeholder="我是佔位符" show-confirm-bar="{{false}}" />

input 等表單元件 fixed 在底部時，表單元件被輸入法遮住問題

iOS 下面一般沒問題（只測了 iPhone 8、X），但 Android 下就都被遮擋吧

[ 解決辦法 ]

當表單元件獲取焦點時，把 fixed 定位改為 absolute

檢視容器 view 等寬度問題

主要是 iOS 下，沒加 width:100%，這些容器寬度是類似 display: inline-block，Android 下好像遇到少，詳細有點忘了。

iOS 下頁面前面幾行文字只顯示中間大概 50px 左右的文字

如下圖：紅框裡面應該是兩行標題，但只顯示了中間一小部分

莫名奇妙的 bug，只有 iOS 下有，原因是整個頁面資料的父容器裡面用了 wx:if  判斷是否有資料

[ 解決方法 ]

起碼保證最上面一行資料不用 wx:if 隱藏，如文章標題，囧

有彈出層時，禁止底部頁面滾動的方法

給彈出的層加 catchtouchmove='preventTouchMove' ，然後定義個空函式 preventTouchMove

其實都是些小問題，估計像我一樣沒做過就直接看官方文件做的才會被這些小坑坑。

來自：米筷小程式