首頁 > 微信小程式 > 小程式開發 > 微信小程式中自訂分享按鈕的實作過程

微信小程式中自訂分享按鈕的實作過程

不言
發布: 2018-09-06 10:02:08
原創
5734 人瀏覽過

本篇文章帶給大家的內容是關於微信小程式中自訂分享按鈕的實現過程,有一定的參考價值,有需要的朋友可以參考一下,希望對你有幫助。

1、宣告onShareAppMessage 函數

onShareAppMessage() {
         return {
       title: '弹出分享时显示的分享标题'
        desc: '分享页面的内容',
        path: '/page/user?id=123' // 路径,传递参数到指定页面。
 
    }
      },
登入後複製

2、自訂按鈕是需要在button標籤上寫上open-type='share'屬性,在dom中寫入button元件

<button open-type=&#39;share&#39;>分享</button>
登入後複製

3、一般自訂按鈕和button元件的樣式會有衝突, 下面程式碼就是更改button元件的樣式的:

button::after {
  border: none;
      }
      button {
  background-color: #fff;
     }
登入後複製

去掉邊框和背景色,就ok了。

相關推薦:

微信小程式實例:自訂分享功能的實作程式碼

微信小程式實例:微信小程式中彈跳視窗的實作程式碼

以上是微信小程式中自訂分享按鈕的實作過程的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板