ホームページ > WeChat アプレット > ミニプログラム開発 > WeChat ミニ プログラムでのカスタム共有ボタンの実装プロセス

WeChat ミニ プログラムでのカスタム共有ボタンの実装プロセス

不言
リリース: 2018-09-06 10:02:08
オリジナル
5750 人が閲覧しました

この記事の内容は、WeChat ミニ プログラムのカスタム共有ボタンの実装プロセスに関するもので、必要な友人が参考になれば幸いです。

1. onShareAppMessage 関数を宣言します

onShareAppMessage() {
         return {
       title: '弹出分享时显示的分享标题'
        desc: '分享页面的内容',
        path: '/page/user?id=123' // 路径,传递参数到指定页面。
 
    }
      },
ログイン後にコピー

2. ボタンをカスタマイズするには、ボタンのラベルに open-type='share' 属性を記述し、dom

<button open-type=&#39;share&#39;>分享</button>
ログイン後にコピー

3 にボタンコンポーネントを記述する必要があります。ボタンとボタン コンポーネントのスタイルが競合します。 次のコードは、ボタン コンポーネントのスタイルを変更するものです。

button::after {
  border: none;
      }
      button {
  background-color: #fff;
     }
ログイン後にコピー

境界線と背景色を削除すれば問題ありません。

関連する推奨事項:

WeChat ミニ プログラムの例: カスタマイズされた共有機能の実装コード

WeChat ミニ プログラムの例: WeChat ミニ プログラムのポップアップ ウィンドウの実装コード

以上がWeChat ミニ プログラムでのカスタム共有ボタンの実装プロセスの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート