html ui组件,UI组件

Bootstrap 天然响应式

12分栏

cnpm install bootstrap 安装相关包

在index.html中引入文件后才可以用

如下：

ElementUI

24分栏

elementUI使用：

安装 element-ui

cnpm i element-ui -D 即

cnpm install element-ui --save-dev

// i -> install

// D -> --save-dev

// S -> --save

引入 在main.js 入口文件

import ElementUI from 'element-ui'

import 'element-ui/lib/theme-default/index.css'

另外在webpack.config.js 中配置跟ElementUI相关组件的信息

{ test: /\.(eot|svg|ttf|woff|woff2)$/, /*配置ElementUI文件所需要的配置*/ loader: 'file-loader' },

3.引入使用全部 Vue.use(ElementUI)

4.实在不行的话直接去官网在index.html引入样式CDN

引入样式 反正也是练手

引入组件库

标签以 开头

Mint-ui

下载

npm install mint-ui -S

引入

import Vue from 'vue';

import Mint from 'mint-ui';

import 'mint-ui/lib/style.css'

Vue.use(Mint);

按需引入:

import { Cell, Checklist } from 'minu-ui';

Vue.component(Cell.name, Cell);

Vue.component(Checklist.name, Checklist);

Mint-ui-demo: 看着手册走了一遍

标签以开头