小程序透明button,用來獲得用戶信息或者分享等

介紹:略
注意:button的父類需要設(shè)置: position: relative;


WXML中

<button class='repair-button' open-type="getUserInfo"  hover-class="none"></button>

WXSS中

/* //透明按鈕 */
.repair-button{
  background: none;
  border: none;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
}
.repair-button::after{
  background: none;
  border: none;
}

獲得用戶信息

WXML

    <button class='repair-button' open-type="getUserInfo"  hover-class="none" bindgetuserinfo='bindGetUserInfo'></button>

JS

  bindGetUserInfo: function (e) {
    console.log(e.detail.userInfo)
    if (e.detail.userInfo) {
      //用戶按了允許授權(quán)按鈕
      ut.log("用戶按了允許授權(quán)按鈕")
    } else {
      //用戶按了拒絕按鈕
      ut.log("用戶按了拒絕按鈕")
    }
  },
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 每天的學(xué)習(xí)記錄,可能有的地方寫的不對(duì),因?yàn)閯倢W(xué),以后發(fā)現(xiàn)錯(cuò)的話會(huì)回來改掉整體流程 https://develope...
    有點(diǎn)健忘閱讀 5,018評(píng)論 0 7
  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 14,093評(píng)論 1 92
  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML標(biāo)準(zhǔn)。 注意:講述HT...
    kismetajun閱讀 28,774評(píng)論 1 45
  • 1.小程序起步 (1)點(diǎn)擊https://mp.weixin.qq.com/wxopen/waregister?a...
    GXW_Lyon閱讀 3,589評(píng)論 0 0
  • 根據(jù)行業(yè)的說法,廣西那邊的傳銷屬于1040工程,也屬于資金運(yùn)作的第二代。其實(shí)從2014年(可能還要早)有了第三代了...
    9119299cf00c閱讀 1,519評(píng)論 2 3

友情鏈接更多精彩內(nèi)容