微信小程式 button 元件

2022-08-09 12:21:20 字數 1640 閱讀 4057

button 的屬性:

size:  型別  字串  按鈕的大小

屬性值:default  預設的

mini   小尺寸

type:  型別  字串  按鈕的樣式型別

屬性值:default  預設的

primary  綠色的

warn   紅色的

plain:  型別  布林  按鈕是否鏤空,背景色透明

disabled: 型別  布林  是否禁用

loading:   型別  布林  名稱前是否帶有 載入 的圖示

form-type:型別  字串  用於form元件 會分別觸發submit和reset事件

屬性值:submit  觸發表單的submit事件

reset   觸發表單的reset 事件

屬性值:contact:開啟客服會話,如果使用者在會話中點選訊息卡片,返回小程式,可以從 bindcontact **中獲取具體資訊

share:觸發使用者**

getphonenumber:獲取使用者的手機號,可以從 bindgetphonenumber **中,獲取使用者資訊

getuserinfo:獲取使用者資訊,可以從 bindgetuserinfo **中,獲取使用者資訊

opensetting:開啟授權設定頁

feedback:開啟"意見反饋"頁面,使用者提交反饋內容並上傳日誌,開發者可以登入小程式管理後台後,進入左側選單"客服反饋"頁面 獲取反饋內容

hover-class:型別  字串  指定按鈕按下去的樣式類

hover-stop-propagation:型別  布林  指定是否阻止本節點的祖先節點出現點選態

hover-start-time:型別  數字  按住後多久出現點選態 (單位 ms)

hover-stay-time:型別  數字  手指鬆開後,點選態的保留時間 (單位 ms)

lang:型別  字串  指定返回使用者資訊的語言

屬性值:zh-cn 簡體中文

zh-tw 正體中文

en 英文

send-message-title:型別  字串  會話內訊息卡片標題  (open-type="contact" 有效)

屬性值:當前標題

send-message-path:型別  字串  會話內訊息卡片點選跳轉小程式路徑  (open-type="contact" 有效)

屬性值:當前分享路徑

屬性值:截圖

show-message-card:型別  布林  是否顯示會話內訊息卡片,設定此引數為true,使用者進入客服會話,在右下角顯示,可能要傳送的小程式的提示,使用者點選後,可以快速傳送小程式的訊息

(open-type="contact")時 有效

事件:bindgetuserinfo:使用者點選該按鈕時,會返回獲取的使用者資訊,**的 detail資料與 wx.getuserinfo 返回的一致,open-type="getuserinfo" 時有效

bindcontact:客服訊息**,open-type="contact" 時有效

bindgetphonenumber:獲取使用者手機號**, open-type="getphonenumber" 時 有效

bindopensetting:開啟授權設定頁後**,open-type="opensetting" 時 有效

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

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

微信小程式 隱藏button邊框

想使用button自帶的disable屬性和效果,但又不需要button顯示邊框線 button控制項有一條淡灰色的邊框,在控制項上了樣式border radius 0 無法讓button邊框隱藏 如下 解決方案發現button控制項有乙個偽元素 after 這偽元素有border屬性,預設為bor...

微信小程式元件

class屬性 可以設定樣式,如果與動態資料繫結結合,元件的class具有動態變化的能力 style 通過style設定元件的內聯樣式,style屬性值中可以設定css的各種屬性 hidden 預設為false,不隱藏 data 屬性 可以用來為元件設定任意的自定義的屬性值,當元件繫結的事件觸發時,...