iview

基本使用

1.iview按需加载 import Checkbox from 'iview/src/components/checkbox';
2.按需引用是直接引入的组件库源代码，需要借助babel进行编译

组件使用规范

使用pros传参为数字 组件以及函数时,必须要带:
比如
正确使用方法

<Page :current="1" :total="100"></Page>

错误使用方法

<Page current="1" total="100"></Page>

变量覆盖的方式修改主题样式

官方方法
1.在项目创建一个my-theme的目录,并在目录下建立一个 index.less文件
2.在文件中写入以下内容(例如)

@import '~iview/src/styles/index.less';
@primary-color: #8c0776;//需要修改的变量

3.在main文件中导入这个less文件

import Vue from 'vue';
import iView from 'iview';
import '../my-theme/index.less';

Vue.use(iView);

栅格系统

1.采用了24栅格系统
2.row行 clo列
具体方法如下
1.使用row在水平方向创建一行
2.将一组clo插入到row中
3.在clo中嵌入自己的内容
4.通过clo的span的参数来指定跨域的范围,范围值为1~24
5.每个row的clo的总和应该为24