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 屬性 可以用來為元件設定任意的自定義的屬性值,當元件繫結的事件觸發時,...