unipush-custom-icon.md 2.6 KB
Newer Older
taohebin@dcloud.io's avatar
taohebin@dcloud.io 已提交
1 2
## UniPush推送图标配置

3 4 5 6 7 8 9 10


### UniPush自定义推送图标,可自定义push图标和小图标,位置如下图所示:

![](https://native-res.dcloud.net.cn/images/uniapp/push/custom_push_icon/custom_push_icon_small_instructions.png)



taohebin@dcloud.io's avatar
taohebin@dcloud.io 已提交
11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44
### 注意:需要手动在manifest.json配置 ,目前仅支持个推 & UniPush配置。
### 5+应用:
+ plus节点 --> distribute节点 --> plugins节点 --> push节点 --> igexin节点(或者unipush节点) --> icons节点 --> small节点下配置

```
"plugins": { // 第三方sdk配置
	"push": { // 模块名称
		"igexin": { // 个推SDK参数配置
			"appid": "xxxxxxx", // 个推的appid
			"appkey": "xxxxxxx", // 个推的appkey
			"appsecret": "xxxxxxx", // 个推的appsecret
			"icons": { // 推送图片配置
				"push": { // push图标,规格与应用图片一致,不配置则默认使用push图标
					"ldpi": "可选,48x48",
					"mdpi": "可选,48x48",
					"hdpi": "可选,72x72",
					"xhdpi": "可选,96x96",
					"xxhdpi": "可选,144x144",
					"xxxhdpi": "可选,192x192"
				},
				"small": { //  小图标,png格式图片,仅使用alpha图层
					"ldpi": "可选,18*18",
					"mdpi": "可选,24*24",
					"hdpi": "可选,36*36",
					"xhdpi": "可选,48*48",
					"xxhdpi": "可选,72*72"
				},
				"description": "推送图标"
			},
		}
	}
}
```

雪洛's avatar
雪洛 已提交
45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92
### uni应用:
+ app-plus节点 --> distribute节点 --> sdkConfigs节点 --> push节点 --> igexin节点(或者unipush节点) --> icons节点 --> small节点下配置

~~~
"sdkConfigs": {
	"push": {
		"unipush": { 
			"icons": { // 推送图片配置
				"push": { // push图标,规格与应用图片一致,不配置则默认使用push图标
					"ldpi": "可选,48x48",
					"mdpi": "可选,48x48",
					"hdpi": "可选,72x72",
					"xhdpi": "可选,96x96",
					"xxhdpi": "可选,144x144",
					"xxxhdpi": "可选,192x192"
				},
				"small": { //  小图标,png格式图片,仅使用alpha图层
					"ldpi": "可选,18*18",
					"mdpi": "可选,24*24",
					"hdpi": "可选,36*36",
					"xhdpi": "可选,48*48",
					"xxhdpi": "可选,72*72"
				},
				"description": "推送图标"
			},
		}
	}
}

~~~





### 具体配置信息说明如下:

### small图片要求
设计规范需要注意:
1. 必须是带 Alpha 透明通道的 PNG 图片。 
2. 背景必须是透明的。 (如果非透明就会显示为白色方块)




![](http://partner-dcloud-native.oss-cn-hangzhou.aliyuncs.com/images/uniapp/push/unipsuh_small_icon_style.png.png)