微信小程式按鈕去除邊框線,分享頁面

2022-02-13 01:13:20 字數 630 閱讀 2735

有乙個需求是分享當前頁面,使用美工的分享按鈕來分享,而小程式分享功能只有button有

open-type="share"這個屬性,使用image標籤肯定不行。我是這樣做的:

"

share

"style="

height:85rpx;width:215rpx;padding:0;background-color:#fff;border-color:#fff;margin-right:10rpx

" >

"height:85rpx;width:215rpx;

" src='

../../../image/share_btn.png

'>

加入css樣式去除button邊框

button::after
實際效果如下

這樣按鈕的邊框就消失了,單純的設定border:none和outline:none沒用。

小程式的分享事件

/*

* * 使用者點選分享

*/return

},

微信小程式小技巧分享

1.滾動載入資料方式 在滾動分頁載入資料的時候,通常做法是定義乙個資料arr,下滑觸發載入更改請求介面獲取分頁資料arr2,然後將arr2合併到arr,重新setdata到arr。這樣的操作方式是每次都全量覆蓋,當資料量過大時,會造成渲染載入卡頓問題。arr陣列結構為 舊方法 page 上拉觸底方法...

微信小程式 隱藏button邊框

想使用button自帶的disable屬性和效果,但又不需要button顯示邊框線 button控制項有一條淡灰色的邊框,在控制項上了樣式border radius 0 無法讓button邊框隱藏 如下 解決方案發現button控制項有乙個偽元素 after 這偽元素有border屬性,預設為bor...

App分享微信小程式

2.在info.list檔案中新增url schemes。4.分享小程式 wxminiprogramobject wxminiobject wxminiprogramobject object wxminiobject.webpageurl 相容低版本的網頁鏈結 wxminiobject.usern...