
文章插圖
這一章我們要介紹的是小程序的按鈕——button
這個(gè)很好理解吧 。
首先,它長這個(gè)樣子 。
(一)外觀屬性我們?cè)陂_發(fā)者工具中通過代碼來具體演示一下吧~~
1、新建一個(gè)頁面demo13
2、打開demo13.wxml 文件,刪除里面原來的內(nèi)容,寫入以下代碼:
<button>默認(rèn)按鈕</button>
保存,左側(cè)小程序頁面顯示”默認(rèn)按鈕”
知曉了按鈕的外觀屬性后,我們來看一下button的屬性有哪些吧 。
(二)button的屬性屬性1:size
用來控制按鈕的大小 。默認(rèn)值是default
打開demo13.wxml 文件,代碼中加入size屬性,值為mini,如下:
<button size=”mini”> mini 默認(rèn)按鈕</button>
保存后,可以看到頁面上的按鈕變小 。
屬性2:type
用來控制按鈕顏色 。
其中,顏色的有效值為:
default :灰色;primary:綠色;warn:紅色
打開demo13.wxml 文件,代碼中加入type屬性,如下:
<button type=”primary”> primary 按鈕</button> <button type=”warn”> warn 按鈕</button>
保存后,頁面中出現(xiàn)綠色按鈕(primary),紅色按鈕(warn) 。
屬性3:plain
用來設(shè)置按鈕是否鏤空,使其背景色呈現(xiàn)透明色 。
打開demo13.wxml 文件,代碼中加入plain屬性,如下:
<button type=”warn” plain> plain 按鈕</button>
保存后,可看到plain按鈕是無背景色的 。
屬性4:loading
等待網(wǎng)絡(luò)的標(biāo)志 。
打開demo13.wxml 文件,type屬性下,代碼中再加入loading屬性,如下:
<button type=”primary” loading> loading 按鈕</button>
保存后,按鈕呈現(xiàn)形式如下:
以上關(guān)于本文的內(nèi)容,僅作參考!溫馨提示:如遇健康、疾病相關(guān)的問題,請(qǐng)您及時(shí)就醫(yī)或請(qǐng)專業(yè)人士給予相關(guān)指導(dǎo)!
「愛刨根生活網(wǎng)」www.malaban59.cn小編還為您精選了以下內(nèi)容,希望對(duì)您有所幫助:- 從主機(jī)房把內(nèi)網(wǎng)和外網(wǎng)接到另外一個(gè)機(jī)房需要什么設(shè)備? 內(nèi)網(wǎng)和外網(wǎng)
- 提醒:肌肉鍛煉四大誤區(qū)
- 負(fù)離子和空氣凈化器的作用
- 徐少華遲重瑞對(duì)比 遲重瑞和徐少華誰演的唐僧好
- 全球最頂級(jí)的10個(gè)粘合劑和密封劑品牌
- 蘋果12和12pro有什么區(qū)別
- 維克蘭特號(hào)和山東號(hào)對(duì)比 維克蘭特號(hào)和遼寧艦?zāi)膫€(gè)厲害
- 高圓圓與于小偉分手原因 于小偉和高圓圓談了多久
- “黃油別亂用 淺談潤滑脂分類與使用 潤滑脂和黃油的區(qū)別
- 崇山峻嶺中崇和峻的意思 崇山峻嶺的崇是什么意思
