微信小程序?qū)W習(xí)(十):button控件

1.button屬性

2.size和type屬性對button的影響

size屬性的默認(rèn)值為default,type屬性的默認(rèn)值也為default,如果值為default時(shí),該屬性可以省略;

[html]代碼區(qū)

3.plain屬性對按鈕的影響

[html]代碼區(qū)

[javascript]代碼區(qū)

//.js中定義的變量??

data:?{??

plain:false??

??},??

4.disable屬性對按鈕的影響

[html]代碼區(qū)

該屬性的設(shè)置注意點(diǎn)與plain相同,參見plain屬性圖片上的紅色強(qiáng)調(diào)字體

5.loading屬性對按鈕的影響

[html]代碼區(qū)


6.注意事項(xiàng)

通常按鈕的屬性都通過.js文件定義變量來修改,這樣便于按鈕交互時(shí)實(shí)時(shí)更新按鈕狀態(tài),提示用戶

[javascript]代碼區(qū)

data:?{??

defaultSize:'default',??

primarySize:'default',??

warnSize:'default',??

disabled:false,??

plain:false,??

loading:false??

??},??

在代碼用引用變量

[html]代碼區(qū)

disabled="{{disabled}}"?bindtap="default"?hover-class="other-button-hover">?default???

disabled="{{disabled}}"?bindtap="primary">?primary???

disabled="{{disabled}}"?bindtap="warn">?warn???

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

推薦閱讀更多精彩內(nèi)容

  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務(wù)發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 134,973評論 19 139
  • ¥開啟¥ 【iAPP實(shí)現(xiàn)進(jìn)入界面執(zhí)行逐一顯】 〖2017-08-25 15:22:14〗 《//首先開一個(gè)線程,因...
    小菜c閱讀 6,537評論 0 17
  • 重要:這是針對于正在開發(fā)中的API或技術(shù)的預(yù)備文檔(預(yù)發(fā)布版本)。蘋果提供這份文檔的目的是幫助你按照文中描述的方式...
    金_波閱讀 2,032評論 3 13
  • 輕雷云外威已悠,汗血管錐稻粱謀。 筆走龍蛇天星墮,書翻寒暑地脈吼。 情仇愛恨皆退路,真假癡聰哽在喉。 燔盡茅廬身何...
    青燈先生閱讀 287評論 0 2
  • 前年年末吧,開始幫饅頭姐寫公眾號(hào)。由于才華有限,公眾號(hào)一直不溫不火。但是每篇也都是用心之作。 很多人都問我。“你寫...
    答答_閱讀 139評論 7 0