手机版

微信小程序按钮去除边框线分享页面功能

时间:2021-08-30 来源:互联网 编辑:宝哥软件园 浏览:

有分享当前页面的需求,使用艺术家的分享按钮图片进行分享,而小程序分享功能只对button可用

Open-type='share '属性,使用图像标签肯定不行。我是这样做的:

button open-type=' share ' style=' height :85 rpx;宽度width:215rpx划水:0;背景-color : # fff;边框颜色: # fff;margin-right :10 rpx ' image style=' height :85 rpx;宽度width:215rpx'Src='./././image/share _ BTN . png '/image/button添加css样式并删除按钮边框

{ border : none }后的button:after}实际效果如下

这样按钮的边框就消失了,单纯设置border:none和outline:none是没有用的。

分享小程序事件

/* * *用户点击共享*/onsharepmessage : function(){ return { title : ' share ',desc:' activity description ',path: '/xxx/xxxx?Id=' this.data.id}},我们简单看一下微信小程序的按钮去边框代码

{ border : none }后的wxmlbutton class=' Niu ' 123123/buttoncssniu :}摘要

以上是边肖介绍的去掉微信小程序按钮边框线分享页面的功能。希望对大家有帮助。如果你有任何问题,请给我留言,边肖会及时回复你。非常感谢您对我们网站的支持!

版权声明:微信小程序按钮去除边框线分享页面功能是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。