1. 程式人生 > >【筆記】微信小程式

【筆記】微信小程式

本意是想在小程式使用者授權失敗時,可以在頁面中提供一個按鈕,讓使用者點選按鈕能夠進行再次授權。
附button文件

問題:在小程式中設定的按鈕,在設定了bindtap的情況下點選,都會自動跳轉到log/log介面。

這裡寫圖片描述

經查錯發現,是因為在按鈕的父元素上綁定了一個跳轉到log的事件,所以button的hover-stop-propagation這個屬性還是很方便好用的。

發現小程式中的button除了是個單純的按鈕之外包含很多其他功能(見圖)。

除了前邊有一些很基本的的如size,type,plain, disabled,loading等這類比較常規的選項之外,後邊還有一些其他我感覺有點新鮮的功能。

這裡寫圖片描述

1. 首先是hover-stop-propagation

看名字就能看出來是阻止冒泡。作用是阻止本節點的祖先節點先出現點選態,預設false,這一次就用到了這個。

2. hover-start-time和hover-stay-time

分別表示按住後多久出現點選狀態以及手指鬆開後點擊狀態保留時間,單位毫秒。

3. bindgetuserinfo

使用者點選該按鈕時,會返回獲取到的使用者資訊,從返回引數的detail中獲取到的值同wx.getUserInfo

4. session-from, send-message-title, send-message-path, send-message-img, show-message-card, bindcontact

均顯示open-type=”contact”,與客服訊息有關。暫時還用不到。

<button open-type="contact">進入客服會話</button>

5.bindgettphonenumber

獲取使用者手機號回撥

6. open-type有效值:

這裡寫圖片描述
第二條share是小程式現在不只是可以通過右上角的【…】來轉發到群裡或好友,還可以通過介面中的按鈕。【轉發的使用指引】

結論

本來看到bindgetuserinfo眼前一亮,仔細閱讀後發現可能這個屬性也不太合適,不能夠再次觸發授權。具體授權拒絕解決辦法寫在了【這篇】