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


1 特性

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

2 預覽

2.1 截圖

圖2-1 screenshot

2.2 樣例

開發者工具預覽

圖2-2 小程序使用案例

3 安裝使用

3.1 獲取組件

  1. 下載release(穩定)
    latest release
  2. master(最新)
git clone https://github.com/MakerGYT/mini-add-tips.git

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

3.2 引入組件

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

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

3.3 使用組件

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

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

4 屬性列表

屬性 類型 默認值 必填 說明
name String 測試 小程序名稱
logo String 小程序Logo
duration Number 10 持續顯示時間(s)
delay Number 2 進入頁面延遲時間(s)開始顯示
custom Boolean false 當前頁面是否{"navigationStyle": "custom"}

5 開發

5.1 說明

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

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

5.2 Todo

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

License

開源地址:https://github.com/MakerGYT/mini-add-tips
MIT © MakerGYT


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM