简介
bulma-dashboard-theme-worona 是一个基于 Bulma 框架的托管式面板模板，可以帮助前端开发者快速构建一个漂亮实用的管理面板。该模板简单易用，是开发高品质管理面板的不二之选。
安装
使用 npm 安装该包非常简单，通过下面的命令即可完成安装：
npm install bulma-dashboard-theme-worona --save
使用方法
- 在 HTML 文件中引入 CSS 文件
在你的 HTML 文件中，你需要导入 bulma-dashboard-theme-worona.css 文件。你可以在你的代码中使用下面的代码块完成这一步：
-- -------------------- ---- ------- --------- ----- ------ ------ ----- ---------------- ----- ---------------- ---------------------------------------------------------------------------------- ------- ------ ---- ---- ---- ---- ---- ---- --- ------- -------
- 在你的 JavaScript 中引入 Vue.js
你需要将该项目作为 Vue.js 插件，并引入该文件：
import Vue from 'vue' import BulmaDashboard from 'bulma-dashboard-theme-worona' Vue.use(BulmaDashboard)
- 使用 Bulma 模板
在编写 HTML 文件的过程中，你可以使用以下三个组件，它们分别是：
bd-navbar: 导航栏组件bd-sidebar: 侧边栏组件bd-main: 主体组件
下面是一个示例代码：
-- -------------------- ---- -------
----------
-----
-----------------------
-------------------------
-------------------
------
-----------
--------
------ ------- -
------ -
------ --
-
-
---------示例代码
完整的示例代码如下：
-- -------------------- ---- -------
--------- -----
------
------
----- ----------------
----- ---------------- ----------------------------------------------------------------------------------
-------
------
---- ---------
-----------------------
-------------------------
-------------------
------
------- ------------------------------------------------
------- ----------------------------------------------------------------------------------------------
--------
-----------------------
--- -----
--- -------
----- --
--
---------
-------
-------现在你已经可以使用 bulma-dashboard-theme-worona 快速构建漂亮实用的管理面板啦！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066c8fccdc64669dde5738