微信小程序按鈕去除邊框線分享頁面功能
更新時間：2018年08月27日 17:20:11 作者：CH隨風而散
這篇文章主要介紹了微信小程序按鈕去除邊框線分享頁面功能，文中通過一段簡單的代碼給大家介紹了微信小程序的button去邊框的方法，感興趣的朋友跟隨腳本之家小編一起看看吧
有一個需求是分享當前頁面，使用美工的分享按鈕圖片來分享，而小程序分享功能只有button有
open-type="share"這個屬性，使用image標簽肯定不行。我是這樣做的：
<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;
}
實際效果如下
這樣按鈕的邊框就消失了，單純的設置border:none和outline:none沒用。
小程序的分享事件
/**
* 用戶點擊分享
*/
onShareAppMessage: function () {
return {
title: '分享',
desc: '活動描述',
path: '/xxx/xxxx?id=' + this.data.id
}
},
下面在簡單看下微信小程序的button去邊框代碼
wxml
<button class='niu'>123123</button>
css
niu::after{
border:none;
}
總結
以上所述是小編給大家介紹的微信小程序按鈕去除邊框線分享頁面功能，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網站的支持！
相關文章
這篇文章主要介紹了javascript 跨域問題以及解決辦法的相關資料,需要的朋友可以參考下2017-07-07
這篇文章主要介紹了js實現的訂閱發(fā)布者模式,結合完整示例形式分析了js訂閱發(fā)布者模式相關實現與使用方法,需要的朋友可以參考下2020-03-03
關于JavaScript中的Delete一直沒有弄的很清楚，最近看到兩篇這方面的文章，現對兩文中部分內容進行翻譯(內容有修改和添加，順序不完全一致，有興趣推薦看原文)，希望能對大家有所幫助2012-09-09
這篇文章主要為大家介紹了JavaScript時間對象Date內置構造函數操作實例，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-05-05
這篇文章主要介紹了ES6的函數rest參數用法,通過一個rest參數代替arguments變量的例子,對ES6?rest參數用法講解的非常詳細,需要的朋友可以參考下2023-08-08
在前端開發(fā)中，我們經常需要在不同的組件或類之間共享功能代碼，Mixin提供了一種非常靈活的方式，可以讓我們在不破壞繼承關系的前提下，將功能代碼復用到多個對象中，文章通過代碼示例介紹mixin提升代碼復用性的方法和好處,需要的朋友可以參考下2023-06-06
這篇文章主要為大家詳細介紹了javascript開發(fā)實現貪吃蛇游戲，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-07-07
這篇文章主要介紹了es6中使用map簡化復雜條件判斷操作,結合實例形式詳細分析了傳統方法與map簡化復雜條件判斷的相關操作技巧,需要的朋友可以參考下2020-02-02
這篇文章主要為大家詳細介紹了如何通過JavaScript實現仿小米官網登錄注冊完整功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-11-11
這篇文章主要介紹了js+css實現文字散開重組動畫特效,需要的朋友可以參考下2015-08-08