微信小程序页面内点击按钮转发 按钮透明的实现方法
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>
效果如下
微信小程序 单击按钮转发,一定要设置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>
效果如下
相关文章推荐
- 微信小程序 | 多个按钮或VIEW,点击改变状态 简易的实现方法
- 在微信、支付宝、百度钱包实现点击返回按钮关闭当前页面和窗口的方法
- 在微信、支付宝、百度钱包实现点击返回按钮关闭当前页面和窗口的方法
- 微信小程序实现点击返回顶层的方法
- 微信小程序实现点击按钮修改view标签背景颜色功能示例【附demo源码下载】
- 微信小程序实现动态设置placeholder提示文字及按钮选中/取消状态的方法
- 微信小程序例子——点击文字实现页面跳转
- 微信小程序例子——点击文字实现页面跳转
- 微信小程序实现点击按钮移动view标签的位置功能示例【附demo源码下载】
- 微信小程序实现点击按钮修改文字大小功能【附demo源码下载】
- 微信小程序(2) 按钮点击跳转页面
- 微信小程序快速点击两个按钮会跳转两个页面
- 在微信、支付宝、百度钱包实现点击返回按钮关闭当前页面和窗口
- 微信小程序实现点击按钮修改字体颜色功能【附demo源码下载】
- 微信小程序实现页面跳转传值以及获取值的方法分析
- C/C++ 实现自动点击三方程序按钮控件方法!
- 微信小程序返回多级页面的实现方法
- 微信小程序 按钮滑动的实现方法
- JS实现点击按钮获取页面高度的方法
- 微信小程序点击图片实现长按预览、保存、识别带参数二维码、转发等功能