小程序
小游戏
企业微信
微信支付
扫描小程序码分享
button设置了open-type=‘share’,如何放上分享图标呢？
4 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
<
button
open-type
=
"share"
>
image
src
'/image/wx.png'
class
'button-image'
></
<text class='button-text'>分享好友</text>
text
'button-text'
>分享好友</
</button>
</
button {
background-color
:
white
;
position
relative
display
: flex;
padding-left
0
rpx;
padding-right
line-height
overflow
visible
flex-
direction
: column;
border
none
border-radius:
width
80
height
76
align-items:
center
}
button::after {
效果
你好，麻烦通过点击下方“反馈信息”按钮，提供出现问题的。
button::after{
display:none;
那如何去掉button的本身背景
plain='true'
<button open-type='share'>
'share'
'your image url'
view
'fa fa-share'
在button里面插入图片（很low，不建议使用）
在button里面添加类名，用css设置背景（更low，不建议使用）
在button添加IconFont，使用方法https://github.com/lizier/WeChat-for-IconFont
关注后，可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
<buttonopen-type="share"><imagesrc='/image/wx.png'class='button-image'></image><textclass='button-text'>分享好友</text></button>button {background-color:white;position:relative;display: flex;padding-left:0rpx;padding-right:0rpx;line-height:0;overflow:visible;flex-direction: column;border:none;border-radius:0;width:80rpx;height:76rpx;align-items:center;}button::after {border:none;border-radius:0;}效果
button::after{
display:none;
}
那如何去掉button的本身背景
plain='true'
<buttonopen-type='share'><imagesrc='your image url'></image></button><buttonopen-type='share'><viewclass='fa fa-share'></view></button>在button里面插入图片（很low，不建议使用）
在button里面添加类名，用css设置背景（更low，不建议使用）
在button添加IconFont，使用方法https://github.com/lizier/WeChat-for-IconFont