npm 包 mfb 使用教程

阅读时长 5 分钟读完

简介

mfb 是一款可以快速生成漂亮的移动端菜单按钮的工具。使用该工具可以极大地简化移动端菜单按钮的前端开发工作。

安装

使用 npm 安装 mfb 模块:

使用

基本用法

引入 mfb,在HTML页面中加入代码:

-- -------------------- ---- -------
--------- -----
------
  ------
    ----- --------------- --
    ---------- ------------
    ----- ---------------- --------------- -------------------------------------------------------- --
  -------
  ------
    ---- ---------------- ------------------------
      -- -------- -----------------
        -- ------------------
          -- ------------------------- ---------------------
          -- ------------------------ ---------------------
        ----
      ----
      --- ------------------------ ------------
        ----
          -- -------- ------------------------------------
            -- ------------------
              -- ------------------------- ------------------------
              -- ------------------------ ------------------------
            ----
          ----
          --- ----------------------------
            ----
              -- -------- ------------------------- ---------------- -----------------------------
            -----
            ----
              -- -------- ------------------------- ---------------- -----------------------------
            -----
            ----
              -- -------- ------------------------- ---------------- ----------------------------------
            -----
          -----
        -----
      -----
    ------
    ------- ----------------------------------------------------------------
  -------
-------

高级用法

mfb 支持自定义样式、拓展行为等更高级用法。可以在 JavaScript 文件中定义 options 对象,然后传入 mfb 的构造函数中。

-- -------------------- ---- -------
--- ------- - -
  -- ------
  ---------- ----------
  -- -------
  ------------------------ ----------
  -- -------
  ------------- -----
  -- --------
  ------------- --------
  -- ---------
  ------- -
    ------- ---------- -
      ----------------------
    --
    -------- ---------- -
      -----------------------
    --
    --------- ---------- -
      ------------------------
    --
    ------- ---------- -
      ----------------------
    --
    --------- ---------- -
      ------------------------
    --
    ----- ---------- -
      --------------------
    --
    ------ ---------- -
      ---------------------
    -
  --
  -- ---------
  ---------- -
    ----- --------------
    ----------- ---------------------
    ------------ ----------------------
    ---------- --------------------
    ---------- -------------------
  -
--

--- ---------- - ------------------------------------
--- --- - --- --------------- ---------

总结

mfb 是一个非常实用的移动端菜单按钮生成工具,本使用教程旨在为大家提供详细的使用指导,希望对大家在前端开发中有所帮助。

来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/60066f471d8e776d08040ffd

纠错
反馈