最新消息:欢迎访问小松个人博客,小松最近开始学习java,感觉spring boot比较简单,下载文档开始学习一下

支付宝内嵌H5API设置导航栏右侧按钮

其他分享 77浏览 0评论

 

最近在做一个支付宝内嵌的网站,需求要求个人中心的图标要求在右上角
效果图如下

设计图导航栏右侧按钮

默认情况下支付宝显示的是

默认设置导航栏右侧按钮

 

之前做微信开发的时候就遇到过这个问题,微信上是可以处理的,于是想着支付宝也是可以处理的,于是百度支付宝api
找到页面http://myjsapi.alipay.com/alipayjsapi/index.html
于是写了一个demo来做测试

<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>Document</title>
 </head>
 <body>
  <script src="https://a.alipayobjects.com/g/h5-lib/alipayjsapi/3.0.5/alipayjsapi.inc.min.js"></script>
  <script>
  var items = [
      {
        type: 'user'  
      }];
		ap.setOptionButton({
		  items: items,
		  onClick: function(data){
			//ap.alert('你点击了 ' + items[data.index].type);
			ap.redirectTo({
					url: 'http://www.baidu.com'
			})
		  }
	  });
  </script>
 </body>
</html>

测试发现可以这么处理,效果图如下

设置导航栏右侧按钮效果图

PS.这个效果只有在支付宝里起作用

QQ交流群:136351212(满) 455721967

如无特别说明,本站文章皆为原创,若要转载,务必请注明以下原文信息:
转载保留版权:小松博客» 支付宝内嵌H5API设置导航栏右侧按钮
本文链接地址:https://www.phpsong.com/3385.html

发表我的评论
取消评论
表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
木有头像就木有JJ!点这里按步骤申请Gravatar头像吧!

网友最新评论 (1)

加载中,请稍候...
  1. 感觉鸡肋啊不是所有人都会用到
    淘宝店铺优惠券2017-09-25 17:53:55回复