請(qǐng)首先記住旦棉，button可以使用任何想要使用的樣式潮尝，沒(méi)有限制少孝，前端都可以做。
step1 wxml
<button open-type='share' class="share" style="background-image:url(../../imgs/icon_2_forward@2x.png);" plain='true'></button>
button 因?yàn)樽詭У母鞣N各樣的作用竹宋，所以open-type選一個(gè)就可以了劳澄。
注意：
-
plain='true'與只是將plain放在那里的效果是一樣的，這是一類(lèi)蜈七，默認(rèn)只要放上去就會(huì)相當(dāng)于有了一個(gè)默認(rèn)的值秒拔。 - 其實(shí)此處的plain完全沒(méi)有起作用，起作用的是樣式里的
opacity:0的設(shè)置
bug1 :
小程序如果使用直接給button設(shè)置背景圖片的方式宪潮，那么溯警，安卓不顯示趣苏。
解決方式：將button設(shè)為opacity:0 然后定位放在那副圖片的上邊狡相。
opacity:0VSvisibility: hidden;VSdisplay:none：
opacity是用來(lái)設(shè)置元素的不透明級(jí)別的。
visibility是雖然不可見(jiàn)食磕，但是占據(jù)著那個(gè)位置尽棕，元素也不在，用來(lái)作為一些表單提醒的位置占位符最好了彬伦，比如這種
image.png
style='visibility: {{numEnough?"hidden":"visible"}};'此時(shí)應(yīng)用是最好的滔悉。但是元素hidden的時(shí)候是不存在的，只保留了位置单绑。display是既不保存位置回官，也看不到，元素也不存在于那個(gè)位置上搂橙。
背景圖片使用方式：
- 背景圖片是不支持在css中被引用資源的
- 會(huì)降低頁(yè)面的渲染速度歉提，內(nèi)聯(lián)樣式
- 一個(gè)可以轉(zhuǎn)換成base64的條件：如果圖片足夠小且因?yàn)橛锰幍奶厥庑詿o(wú)法被制作成雪碧圖（CssSprites），在整個(gè)網(wǎng)站的復(fù)用性很高且基本不會(huì)被更新区转。
from:https://www.cnblogs.com/coco1s/p/4375774.html
<button open-type='share' class="share" ></button>
分析：若是將背景圖片放在css中苔巨，也會(huì)比較慢。
暫時(shí)做法：體感废离，寫(xiě)在內(nèi)聯(lián)樣式中稍微快一點(diǎn)點(diǎn)
step 2 wxss
.goBack .share{
width: 38rpx;
height: 36rpx;
padding:0 20rpx;
position: absolute;
right: 32rpx;
top: 0;
bottom: 0;
margin: auto;
background-size: 38rpx 36rpx;
background-repeat:no-repeat;
border:none;
}
background-size與background-repeat與border:none;是button必須的
至此侄泽，完成。
分享按鈕效果
