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