提交 b98a0c05 编写于 作者: DCloud_JSON's avatar DCloud_JSON

调整联系个推的悬浮按钮位置,根据屏幕宽度动态切换

上级 e0aa2f57
...@@ -35,7 +35,7 @@ uni.onPushMessage((res)=>{ ...@@ -35,7 +35,7 @@ uni.onPushMessage((res)=>{
### offPushMessage([eventName]) ### offPushMessage([eventName])
关闭推送消息监听事件 关闭推送消息监听事件
示例代码: 示例代码:
``` ```js
let eventName = (res)=>{ let eventName = (res)=>{
console.log(res) console.log(res)
} }
...@@ -1550,7 +1550,12 @@ uni-cloud-push 扩展库的errCode码以uni-cloud-push-error-开头,如:uni- ...@@ -1550,7 +1550,12 @@ uni-cloud-push 扩展库的errCode码以uni-cloud-push-error-开头,如:uni-
position: fixed; position: fixed;
z-index: 10; z-index: 10;
bottom: calc(10% + 265px); bottom: calc(10% + 265px);
right: 10px; right: 230px;
}
@media screen and (max-width: 1350px) {
.weixin-support {
right: 10px;
}
} }
.weixin-support img{ .weixin-support img{
background: #0591F0; background: #0591F0;
...@@ -1588,8 +1593,8 @@ uni-cloud-push 扩展库的errCode码以uni-cloud-push-error-开头,如:uni- ...@@ -1588,8 +1593,8 @@ uni-cloud-push 扩展库的errCode码以uni-cloud-push-error-开头,如:uni-
text-align: center; text-align: center;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
width: 230px; width: 230px;
height: 270px;
font-size: 14px; font-size: 14px;
box-shadow: 0 0 10px #ccc;
} }
.weixin-support:hover .weixin-support-content{ .weixin-support:hover .weixin-support-content{
display: block; display: block;
......
...@@ -26,8 +26,8 @@ push,指服务器主动向客户端发送消息的技术。无需客户端持 ...@@ -26,8 +26,8 @@ push,指服务器主动向客户端发送消息的技术。无需客户端持
2. 专业push服务器再向客户端发送消息 2. 专业push服务器再向客户端发送消息
3. 手机用户在操作系统的通知栏中看到push消息,点击后呼起客户端应用,客户端代码才能接收响应;如果是小程序的话,则是在微信消息里看到订阅消息,点击后呼起小程序。 3. 手机用户在操作系统的通知栏中看到push消息,点击后呼起客户端应用,客户端代码才能接收响应;如果是小程序的话,则是在微信消息里看到订阅消息,点击后呼起小程序。
<div style="float:clear;"> <div style="float:clear;">
<img width="40%" style="margin-left:10%;max-width:260px;" src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-f184e7c3-1912-41b2-b81f-435d1b37c7b4/3bb2b4c4-1b73-426d-b713-f076aff80868.jpg"/> <img width="30%" style="margin-left:5%;max-width:260px;" src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-f184e7c3-1912-41b2-b81f-435d1b37c7b4/3bb2b4c4-1b73-426d-b713-f076aff80868.jpg"/>
<img width="40%" style="margin-left:10%;max-width:260px;" src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-f184e7c3-1912-41b2-b81f-435d1b37c7b4/368bb2ca-1213-4895-9ad7-f39e28ee8b5a.jpg"/> <img width="30%" style="margin-left:5%;max-width:260px;" src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-f184e7c3-1912-41b2-b81f-435d1b37c7b4/368bb2ca-1213-4895-9ad7-f39e28ee8b5a.jpg"/>
</div> </div>
由于手机厂商众多,他们各自都有不同的推送服务,包括Apple、google(仅能在海外使用)、华为、小米、oppo、vivo、魅族,以及还有一些没有专业推送服务的中小手机品牌。他们对App后台耗电都有查杀机制,除了微信等大应用,普通应用很难常驻后台。 由于手机厂商众多,他们各自都有不同的推送服务,包括Apple、google(仅能在海外使用)、华为、小米、oppo、vivo、魅族,以及还有一些没有专业推送服务的中小手机品牌。他们对App后台耗电都有查杀机制,除了微信等大应用,普通应用很难常驻后台。
......
...@@ -786,7 +786,12 @@ apn静默推送 可参考<a target="_blank" href="https://developer.apple.com/li ...@@ -786,7 +786,12 @@ apn静默推送 可参考<a target="_blank" href="https://developer.apple.com/li
position: fixed; position: fixed;
z-index: 10; z-index: 10;
bottom: calc(10% + 265px); bottom: calc(10% + 265px);
right: 10px; right: 230px;
}
@media screen and (max-width: 1350px) {
.weixin-support {
right: 10px;
}
} }
.weixin-support img{ .weixin-support img{
background: #0591F0; background: #0591F0;
...@@ -824,8 +829,8 @@ apn静默推送 可参考<a target="_blank" href="https://developer.apple.com/li ...@@ -824,8 +829,8 @@ apn静默推送 可参考<a target="_blank" href="https://developer.apple.com/li
text-align: center; text-align: center;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
width: 230px; width: 230px;
height: 270px;
font-size: 14px; font-size: 14px;
box-shadow: 0 0 10px #ccc;
} }
.weixin-support:hover .weixin-support-content{ .weixin-support:hover .weixin-support-content{
display: block; display: block;
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册