WeChatウィジェット-buttonコンポーネントカスタムスタイル

1032 ワード

(1)ボタンの色の変更
background-color:背景色の変更、color:フォント色の変更

.btn{
   background-color:black;
   color:#ffff;
}

type='XX'を定義するとbuttonボタンのスタイルがデフォルトになります
typeの有効値は3つあります.
値
説明
primary
緑
default
ホワイト
warn
赤
(2)ボタンクリック時の色設定

cssスタイルの定義

/**  button **/
.button-hover {
  background-color: red;
}
/**  button **/
.other-button-hover {
  background-color: blue;
}

(3)ユーザ情報の取得
getUserInfo
bindgetuserrinfoコールバックからユーザー情報を取得できます.

対応するjsファイルで:

 onGotUserInfo: function(e) {
    console.log(e.detail.errMsg)
    console.log(e.detail.userInfo)
    console.log(e.detail.rawData)
  },