規(guī)范

HTML / CSS 規(guī)范

MDUI 中的 CSS 類名全部以 mdui- 作為前綴。

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

例如一個對話框的結(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 進行初始化。初始化方式包括下面三種情況：

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

    這類組件只需編寫 HTML 即可，無需額外代碼。

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

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

3. 使用 JavaScript 初始化。

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