Cirrus CSS框架的Vue组件

Vue卷云 (Vue Cirrus)

A fully responsive and comprehensive CSS framework with beautiful controls and simplistic structure. Cirrus is designed to be adaptable to existing themes or when starting fresh. These are the Vue Components for this CSS framework.

一个完全响应的，全面CSS框架，具有精美的控件和简单的结构。 Cirrus旨在适应现有主题或刚开始时适用。 这些是此CSS框架的Vue组件。

View Demo 查看演示 Download Source 下载源

入门 (Getting Started)

1. Install with npm

   用npm安装

npm install vue-cirrus

1. Include the following in your public.html file

   在您的public.html文件中包括以下内容

<link href="https://fonts.googleapis.com/css?family=Nunito+Sans:200,300,400,600,700" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet">

<link href="https://unpkg.com/cirrus-ui" type="text/css" rel="stylesheet" />

1. Import all vue cirrus components in your main.js file

   将所有Vue Cirrus组件导入到main.js文件中

import 'vue-cirrus/dist/vue-cirrus.css';
import 'vue-cirrus';

1. Test, if it works by including the following in a vue file

   通过在vue文件中包含以下内容来测试其是否有效

<v-btn animated loadingLeft>Button Test</v-btn>

翻译自: https://vuejsexamples.com/vue-components-for-the-cirrus-css-framework/