使用Bootstrap 4构建的Vue.js管理仪表板模板

sing-app-vue-dashboard (sing-app-vue-dashboard)

Sing App Vue Dashboard - free and open source admin dashboard.

Sing App Vue仪表板-免费和开源的管理仪表板。

Responsive admin dashboard template built with Vue.js and Bootstrap 4. Developed with ❤️ by Flatlogic. If you love our project please star ⭐️ our repo!

使用Vue.js和Bootstrap 4构建的响应式管理仪表板模板。由Flatlogic用❤️开发。 如果您喜欢我们的项目，请给我们的仓库加注星号！

View demo 查看演示 Download Source 下载源

This dashboard is a small version of our Sing App Vue Full. There are all ready-to-use components, that are in full version. It is built on the top of vue-cli-3, so it well supported along the web. You can easy customize template by changing SCSS variables. All paddings and colors are in _variables.scss file.

该仪表板是我们的Sing App Vue Full的小版本。 有所有现成的组件，都是完整版本。 它建立在vue-cli-3的顶部，因此在网络上得到了很好的支持。 您可以通过更改SCSS变量轻松自定义模板。 所有的填充和颜色都在_variables.scss文件中。

特征 (Features)

Using this template you will be able to leverage lots of built-in components and thus focus on building features that set you apart from competitors rather than bulding everything from scratch. Lite version of a Sing-app includes following features and pages:

使用此模板，您将能够利用许多内置组件，从而专注于构建使您与竞争对手区分开来的功能，而不是从头开始构建一切。 Sing-app的精简版包括以下功能和页面：

• Bootstrap 4+ & SCSS

  Bootstrap 4+和SCSS

• Responsive layout

  响应式布局

• Simple login / logout

  简单的登录/注销

• Styled Bootstrap components like buttons, modals, etc

  样式化的Bootstrap组件，例如按钮，模态等

页数 (Pages)

We have implemented some basic pages, so you can see our template in action.

我们已经实现了一些基本页面，因此您可以看到我们的模板。

• Dashboard sample

  仪表板样本

• Typography

  版式

• Tables

  桌子

• Notifications

  通知事项

• Charts

  图表

• Icons

  图示

• Maps

  地图

• Hover sidebar

  悬停侧边栏

• Chat

  聊天室

• Login

  登录

安装方式 (Instalation)

1. Clone repository

   克隆存储库

git clone https://github.com/flatlogic/sing-app-vue-dashboard

1. Get in the project folder

   进入项目文件夹

cd sing-app-vue-dashboard

1. Install dependencies via npm or yarn

   通过npm或yarn安装依赖项

npm install

yarn install

快速开始 (Quick start)

Run development server

运行开发服务器

yarn run serve

翻译自: https://vuejsexamples.com/vue-js-admin-dashboard-template-built-with-bootstrap-4/