resize logo

Author: memakergytcom

README.md

@@ -1,12 +1,13 @@
 # Mini-add-tips
 > 用于提示用户首次进入小程序时，点击右上角菜单进行【添加到我的小程序】操作
 
-与支付宝Favorite组件保持一致,支持在自定义导航栏场景下保持一致效果。
+## 特性
+与支付宝原收藏组件(添加到首页)保持样式一致,支持在自定义导航栏场景下保持一致效果。
 
-##　样例
-在[开发者工具预览](https://developers.weixin.qq.com/s/O5bxd8mY7ii4)
+## 样例
+在[开发者工具预览](https://developers.weixin.qq.com/s/ttRn48me7Lit)
 
-![screenshot]](https://imgkr.cn-bj.ufileos.com/25b73c4e-bdb0-4c8f-aeff-18c7d1d9d7b7.gif)
+![screenshot](https://imgkr.cn-bj.ufileos.com/25b73c4e-bdb0-4c8f-aeff-18c7d1d9d7b7.gif)
 ## 安装使用
 ### 1. 获取组件
 #### git
@@ -26,33 +27,25 @@ git clone https://github.com/MakerGYT/mini-add-tips.git
 ```
 
 ### 3. 使用组件
-参考[/pages](https://github.com/makergyt/mini-add-tips/tree/master/demo/index/index)
 ```html
 <!-- index.wxml -->
 <add-tips name="示例"/>
 ```
-```js
-Page({
-	onAddToFavorites(res) {
-
-	}
-}) 
-```
-
+自定义导航栏请参考[/pages/index](https://github.com/makergyt/mini-add-tips/tree/master/pages/index/index)
 ## 属性列表
 | 属性 |类型| 默认值|必填|说明|
 | -- | --|--|--|--|
-| name | String | 测试 | 是 |小程序名称|
-| logo | String | 'https://imgkr.cn-bj.ufileos.com/c958e4cd-6bab-43ed-93aa-697207cf33a5.png' | 否 |小程序Logo|
+| name | String | 测试 | 否 |小程序名称|
+| logo | String | <img src="https://imgkr.cn-bj.ufileos.com/c958e4cd-6bab-43ed-93aa-697207cf33a5.png" width=50/> | 否 |小程序Logo|
 | duration | Number | 10 | 否 |持续显示时间(s)|
 | custom | Boolean | false | 否 |当前页面是否{"navigationStyle": "custom"}|
 
 ## Todo
-- [x] 根据用户使用小程序频次、收藏及关闭收藏等行为，智能控制显示时间及疲劳度
+- [ ] 根据用户使用小程序频次、收藏等行为，智能控制显示区间及显示时机。
 
 ## 开发说明
-
-1. 无法获取当前是否"navigationStyle": "custom",只能由外部传入,
-2. 无法获知是否收藏，只能获知组件是否显示过,即仅展示一次
-3. 没必要低估用户，提供添加的方法
-4. onAddToFavorites是页面的生命周期，不能在组件内监听
+鉴于目前微信基础库的设计:
+1. 收藏操作与添加到我的小程序对于用户容易混淆，但效应一样，故没必要具体引导用户。目前只有监听用户点击右上角菜单“收藏”按钮的行为,但实际上**兼听不到收藏行为，只能定义收藏内容**
+2. 无法获知是否已经收藏、是否已经添加到我的小程序,故提示可能对用户造成干扰。
+3. 目前没有可以调起添加小程序的api、button,或许出于"降低干扰度"的考虑，但就迫使手动设置引导,又会造成如2中所述干扰。
+4. 即便已经设置{"navigationStyle": "custom"},其[导航栏相关的api](https://developers.weixin.qq.com/miniprogram/dev/api/#%E5%AF%BC%E8%88%AA%E6%A0%8F)依然调用是有效的，无论组件还是页面内均无法据此获知导航栏是否custom,只能由外部传入。

app.json

@@ -1,13 +1,13 @@
 {
-  "pages":[
-    "index/index"
-  ],
-  "window":{
-    "backgroundTextStyle":"light",
-    "navigationBarBackgroundColor": "#fff",
-    "navigationBarTitleText": "WeChat",
-    "navigationBarTextStyle":"black"
-  },
-  "style": "v2",
-  "sitemapLocation": "sitemap.json"
-}
+	"pages": [
+		"pages/index/index"
+	],
+	"window": {
+		"backgroundTextStyle": "light",
+		"navigationBarBackgroundColor": "#fff",
+		"navigationBarTitleText": "WeChat",
+		"navigationBarTextStyle": "black"
+	},
+	"style": "v2",
+	"sitemapLocation": "sitemap.json"
+}

index/index.js

@@ -0,0 +1 @@
+Page({})

index/index.wxml

@@ -3,5 +3,6 @@
 		"add-tips": "/components/add-tips/index"
 	},
 	"navigationBarBackgroundColor": "#07c160",
+	"navigationStyle": "custom",
 	"navigationBarTextStyle": "white"
 }

index/index.wxss

@@ -0,0 +1,5 @@
+<view>
+	<add-tips name="测试" custom/>
+	<!-- 以下是页面内容 -->
+	<view></view>
+</view>

pages/index/index.js

@@ -0,0 +1,5 @@
+/**index.wxss**/
+page {
+  background-image: url(https://imgkr.cn-bj.ufileos.com/17c6635f-2523-413e-80af-8f6f1c8a9a97.png);
+  background-size: cover;
+}

index/index.json renamed to pages/index/index.json

@@ -17,7 +17,7 @@
 	"compileType": "miniprogram",
 	"libVersion": "2.11.0",
 	"appid": "touristappid",
-	"projectname": "favorite",
+	"projectname": "mini-add-tips",
 	"debugOptions": {
 		"hidedInDevtools": []
 	},