欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

微信小程序按鈕去除邊框線分享頁面功能

 更新時(shí)間：2018年08月27日 17:20:11   作者：CH隨風(fēng)而散  
這篇文章主要介紹了微信小程序按鈕去除邊框線分享頁面功能，文中通過一段簡(jiǎn)單的代碼給大家介紹了微信小程序的button去邊框的方法，感興趣的朋友跟隨腳本之家小編一起看看吧

有一個(gè)需求是分享當(dāng)前頁面，使用美工的分享按鈕圖片來分享，而小程序分享功能只有button有

open-type="share"這個(gè)屬性，使用image標(biāo)簽肯定不行。我是這樣做的：

<button open-type="share" 
style="height:85rpx;width:215rpx;padding:0;background-color:#fff;border-color:#fff;margin-right:10rpx" >
<image style="height:85rpx;width:215rpx;" src='../../../image/share_btn.png'></image>
</button>

加入css樣式去除button邊框

button::after{
border: none;
}

實(shí)際效果如下

這樣按鈕的邊框就消失了，單純的設(shè)置border:none和outline:none沒用。

小程序的分享事件

 /**
  * 用戶點(diǎn)擊分享
  */
 onShareAppMessage: function () {
  return { 
   title: '分享',
   desc: '活動(dòng)描述', 
   path: '/xxx/xxxx?id=' + this.data.id
  } 
 },

  下面在簡(jiǎn)單看下微信小程序的button去邊框代碼

 wxml

<button class='niu'>123123</button>

css

niu::after{
　　border:none;
}

總結(jié)

以上所述是小編給大家介紹的微信小程序按鈕去除邊框線分享頁面功能，希望對(duì)大家有所幫助，如果大家有任何疑問請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！ 

相關(guān)文章

最新評(píng)論