<mf-toggle-wrap></mf-toggle-wrap>

顯示切換開關之通用包裝元件

可指定屬性

• body-class-toggle (String)
  Body標籤classList卸除標籤類別
  記錄支援卸除類別CSS可協助切換顯示。

• init-on (Boolean)
  將初期狀態切換開關設為開
  亦即使用屬性body-class-toggle指定的類別名於body標籤classList啟動時會設定。

DOM構造與class設定

• div.mf_toggle_wrap
  .mf_toggle_on 切換開關為開時設定
  • div.mf_toggle_button_wrap
    • a.mf_toggle_button 切換開關鍵
      點擊這裡可切換開/關、屬性body-class-toggle之類別名將卸除body標籤。 - 運用節點toggle_button 可客製化
  • div.mf_toggle_content_wrap
    • div.mf_toggle_content - 運用無名節點嵌入顯示切換開關的內容

DOM客製化用節點

以下為節點參考說明

• Vue.js的具名插槽
• Vue.js的作用域插槽

節點名稱head

可參考的屬性

• self : 客製化元素物件
• customProp :使用 屬性:custom-prop-func 指定機能的數據返回

無名節點

可參考的屬性

• self : 客製化元素物件
• customProp :使用 屬性:custom-prop-func 指定機能的數據返回