用戶
 找回密碼
 立即注冊

QQ登錄

只需一步,快速開始

掃一掃,登錄網站

小程序社區 首頁 教程 查看內容

添加到我的小程序提示組件

Rolan 2020-7-9 00:22

Mini-add-tips用于提示用戶首次進入小程序時,點擊右上角菜單進行【添加到我的小程序】操作特性與支付寶原收藏組件(添加到首頁)保持樣式一致,支持在自定義導航欄場景下保持一致效果。預覽截圖樣例在開發者工具預覽安 ...

Mini-add-tips

用于提示用戶首次進入小程序時,點擊右上角菜單進行【添加到我的小程序】操作

特性

與支付寶原收藏組件(添加到首頁)保持樣式一致,支持在自定義導航欄場景下保持一致效果。

預覽

截圖

樣例

在 開發者工具預覽

安裝使用

1. 獲取組件

下載release(穩定)

latest release

master(最新)

git clone https://github.com/MakerGYT/mini-add-tips.git

將項目中components/add-tips文件夾拷貝到組件路徑下

2. 引入組件

在使用該組件的頁面對應json文件中添加:

{
  "usingComponents": {
    "add-tips":"/components/add-tips/index" 
  }
}

3. 使用組件

<!-- index.wxml -->
<add-tips name="示例"/>

自定義導航欄請參考 /pages/index

屬性列表

屬性類型默認值必填說明
nameString測試小程序名稱
logoString<img src="https://imgkr.cn-bj.ufileos.com/c958e4cd-6bab-43ed-93aa-697207cf33a5.png" width=50/>小程序Logo
durationNumber10持續顯示時間(s)
delayNumber2進入頁面延遲時間(s)開始顯示
customBooleanfalse當前頁面是否{"navigationStyle": "custom"}

開發說明

鑒于目前微信基礎庫的設計:

  1. 收藏操作與添加到我的小程序對于用戶容易混淆,但效應一樣,故沒必要具體引導用戶。目前只有監聽用戶點擊右上角菜單“收藏”按鈕的行為,但實際上 兼聽不到收藏行為,只能定義收藏內容
  2. 無法獲知是否已經收藏、是否已經添加到我的小程序,故提示可能對用戶造成干擾。
  3. 目前沒有可以調起添加小程序的api、button,或許出于"降低干擾度"的考慮,但就迫使手動設置引導,又會造成如2中所述干擾。
  4. 即便已經設置{"navigationStyle": "custom"},其 導航欄相關的api 依然調用是有效的,無論組件還是頁面內均無法據此獲知導航欄是否custom,只能由外部傳入。

Todo

  • [ ] 根據用戶使用小程序頻次、收藏等行為,智能控制顯示區間及顯示時機。

License

MIT ? MakerGYT

鮮花
鮮花
雞蛋
雞蛋
分享至 : QQ空間
收藏
原作者: 一騎白馬開吳疆 來自: segmentfault
快乐十分复式