WXML基礎(chǔ)知識(shí)

WXML(WeiXin Markup Language)是框架設(shè)計(jì)的一套標(biāo)簽語言,結(jié)合基礎(chǔ)組件、事件系統(tǒng),可以構(gòu)建出頁面的結(jié)構(gòu)。

  • WXML的語法規(guī)則:
  • 所有元素都必須閉合標(biāo)簽;
    <text>Hello World</text>
  • 所有元素都必須正確嵌套;
    <view>(開始標(biāo)簽1)<text>(開始標(biāo)簽2)Hello World</text>(結(jié)束標(biāo)簽2)</view>(結(jié)束標(biāo)簽1)
  • 屬性值必須使用引號(hào)包圍
    <text id = "myText"(參數(shù)值必須使用引號(hào)包圍) >myText</text>
  • 標(biāo)簽必須使用小寫;
    <text(小寫)>Hello World</text>
  • WXML中連續(xù)多個(gè)空格會(huì)被合并為1個(gè)空格;
    <text>Hello(此處7個(gè)空格)World</text>
    <text>Hello(合并為1個(gè)空格) World</text>
  • 共同屬性:
    由于某些屬性被幾乎所有的組建使用,這些屬性被抽離出來,形成了組件的共同屬性。
屬性名 描述 注解
id 組件唯一標(biāo)識(shí) 頁面內(nèi)唯一
class 組件樣式類 在對(duì)應(yīng)的wxss內(nèi)定義
style 組件的內(nèi)聯(lián)樣式 常用語動(dòng)態(tài)樣式
hidden: 組件是否顯示 默認(rèn)顯示
data-* 自定義數(shù)據(jù) 觸發(fā)時(shí)會(huì)進(jìn)行上報(bào)
hide/catch 組件事件
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務(wù)發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 136,695評(píng)論 19 139
  • 什么是html? html是一種網(wǎng)頁標(biāo)記語言,叫超文本標(biāo)記語言,我們平時(shí)上網(wǎng)所看到的所有網(wǎng)頁均來自于html,英文...
    波段頂?shù)?/span>閱讀 8,633評(píng)論 2 7
  • ¥開啟¥ 【iAPP實(shí)現(xiàn)進(jìn)入界面執(zhí)行逐一顯】 〖2017-08-25 15:22:14〗 《//首先開一個(gè)線程,因...
    小菜c閱讀 7,388評(píng)論 0 17
  • HTML 5 HTML5概述 因特網(wǎng)上的信息是以網(wǎng)頁的形式展示給用戶的,因此網(wǎng)頁是網(wǎng)絡(luò)信息傳遞的載體。網(wǎng)頁文件是用...
    阿啊阿吖丁閱讀 4,983評(píng)論 0 0
  • guoguoguoguoguo閱讀 205評(píng)論 1 0

友情鏈接更多精彩內(nèi)容