HTML / CSS 規(guī)范

MDUI 中的 CSS 類(lèi)名全部以 mdui- 作為前綴。

組件的命名為 mdui-{組件名}。組件的子元素命名為 mdui-{組件名}-{子元素名}

例如一個(gè)對(duì)話框的結(jié)構(gòu)為：

<div class="mdui-dialog">
  <div class="mdui-dialog-title"></div>
  <div class="mdui-dialog-content"></div>
  <div class="mdui-dialog-actions"></div>
</div>

JavaScript 規(guī)范

MDUI 中大部分組件都需要使用 JavaScript 進(jìn)行初始化。初始化方式包括下面三種情況：

1. 使用事件委托，在觸發(fā)事件時(shí)初始化。

    這類(lèi)組件只需編寫(xiě) HTML 即可，無(wú)需額外代碼。

2. 使用自定義屬性初始化。

    在組件上添加自定義屬性 mdui-{組件名} 即可在頁(yè)面加載完后自動(dòng)初始化。也可以為自定義屬性傳入?yún)?shù)：mdui-{組件名}="{key1: 'val1', key2: 'val2'}"

3. 使用 JavaScript 初始化。

    使用方法通常為 var inst = new mdui.{組件名}();，該方法返回組件實(shí)例。然后可以調(diào)用實(shí)例的方法 inst.method()。