您的位置:首页 > 移动开发 > 微信开发

微信小程序页面内点击按钮转发 按钮透明的实现方法

2017-12-31 11:36 1326 查看
 通过给 button 组件设置属性 open-type="share",可以在用户点击按钮后触发 Page.onShareAppMessage() 事件,如果当前页面没有定义此事件,则点击后无效果。相关组件:button

微信小程序 单击按钮转发,一定要设置open-type。否则无效

按钮button的CSS样式

button{

display:block;

padding-left:0px;

padding-right:0px;

line-height:10px;

background-color: rgba(255,255,255,0);

}

button::after {

width:0;

height:0;

top:0;

left:0

}

wxml页面代码

<button class='share' open-type='share'>

<image src='http://soft.wsstq.com/images/tb/share.png'></image>

<view>{{share}}</view>

</button>

<button class='digtop'>

<image src='http://soft.wsstq.com/images/tb/zan.png'></image>

<view>{{diggtop}}</view>

</button>

效果如下

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: