產品需求
微信小程序支付密碼6位輸入框
實現效果
非明文6位輸入框，模擬光標，輸入自動移到下壹位，滿6位自動設置
實現原理
1.放置壹個輸入框，隱藏其文字和位置，同時設置支付輸入框（表格）樣式
2.當點擊輸入框時設置表格為聚焦狀態，喚起鍵盤，點擊空白處，失去焦點，設為失去焦點樣式
3.限制輸入框最大字數為6並且監聽輸入框狀態，以輸入框值的長度作為圓點和光標展示的渲染條件
4.當輸入框的值等於6時，設置組件的事件傳遞到引用的頁面，頁面自定義事件（發起支付請求等...）
其他說明
6位支付密碼是壹個很常見的需求。
在H5端用vue做過組件，app端也要求實現，小程序類似的組件在網頁上檢索到的並不多，僅此記錄。
Github地址： /evan2020/six-Input-box