1 特性
與支付寶原收藏組件(添加到首頁)保持樣式一致,支持在自定義導航欄場景下保持一致效果。
2 預覽
2.1 截圖
2.2 樣例
3 安裝使用
3.1 獲取組件
- 下載release(穩定)
latest release - 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 說明
鑒於目前微信基礎庫的設計:
- 收藏操作與添加到我的小程序對於用戶容易混淆,但效應一樣,故沒必要具體引導用戶。目前只有監聽用戶點擊右上角菜單“收藏”按鈕的行為,但實際上監聽不到收藏行為,只能定義收藏內容
- 無法獲知是否已經收藏、是否已經添加到我的小程序,故提示可能對用戶造成干擾。
- 目前沒有可以調起添加小程序的api、button,或許出於"降低干擾度"的考慮,但就迫使手動設置引導,又會造成如2中所述干擾。
- 即便已經設置{"navigationStyle": "custom"},其導航欄相關的api依然調用是有效的,無論組件還是頁面內均無法據此獲知導航欄是否custom,只能由外部傳入。
5.2 Todo
- 根據用戶使用小程序頻次、收藏等行為,智能控制顯示區間及顯示時機。
License
開源地址:https://github.com/MakerGYT/mini-add-tips
MIT © MakerGYT