小程式如何去掉button元件的邊框

2022-05-01 09:18:07 字數 594 閱讀 6939

小程式獲取使用者授權不再支援wx.getuserinfo方法,改為用button獲取,格式如下

授權小程式授權更改說明文件

問題是我不想用button,我想用個是否可以呢?一開始我直接用,結果無效,應使用下面的方法

<

button

class

="btn"

open-type

="getuserinfo"

@getuserinfo

="getuserinfo"

>

<

image

src="../images/login.png"/

>

button

>

如了,這下變成按鈕了,但是周圍的邊框是什麼鬼

去掉邊框還不簡單嗎,寫個border:none的樣式不就好了,你可以試試有效果沒有

.btn
最終發現button的邊框是通過偽元素生成的,寫成下列**才行

button::after

微信小程式 button 元件

button 的屬性 size 型別 字串 按鈕的大小 屬性值 default 預設的 mini 小尺寸 type 型別 字串 按鈕的樣式型別 屬性值 default 預設的 primary 綠色的 warn 紅色的 plain 型別 布林 按鈕是否鏤空,背景色透明 disabled 型別 布林 是...

微信小程式button元件新手教程

button按鈕元件說明 button,顧名思義,按鈕,類似於html的button標籤。我們可以設定按鈕的屬性,比如字型顏色大小,背景顏色等,可以給按鈕繫結事件,使用者點選時會觸發事件。button按鈕元件示例 執行效果如下 下面是wxml 怎麼飛?點選 按鈕 即飛 下面是js page onlo...

小程式button引導使用者授權

wx.getuserinfo object 注意 此介面有調整,使用該介面將不再出現授權彈窗,請使用引導使用者主動進行授權操作 當使用者未授權過,呼叫該介面將直接報錯 當使用者授權過,可以使用該介面獲取使用者資訊所以我們要使用上述button來請求使用者授權 1.index.wxml 授權登入2.i...