基本使用
1.iview按需加載 import Checkbox from 'iview/src/components/checkbox';
2.按需引用是直接引入的組件庫(kù)源代碼疹启，需要借助babel進(jìn)行編譯
組件使用規(guī)范
使用pros傳參為數(shù)字 組件以及函數(shù)時(shí),必須要帶:
比如
正確使用方法
<Page :current="1" :total="100"></Page>
錯(cuò)誤使用方法
<Page current="1" total="100"></Page>
變量覆蓋的方式修改主題樣式
官方方法
1.在項(xiàng)目創(chuàng)建一個(gè)my-theme的目錄,并在目錄下建立一個(gè) index.less文件
2.在文件中寫(xiě)入以下內(nèi)容(例如)
@import '~iview/src/styles/index.less';
@primary-color: #8c0776;//需要修改的變量
3.在main文件中導(dǎo)入這個(gè)less文件
import Vue from 'vue';
import iView from 'iview';
import '../my-theme/index.less';
Vue.use(iView);
柵格系統(tǒng)
1.采用了24柵格系統(tǒng)
2.row行 clo列
具體方法如下
1.使用row在水平方向創(chuàng)建一行
2.將一組clo插入到row中
3.在clo中嵌入自己的內(nèi)容
4.通過(guò)clo的span的參數(shù)來(lái)指定跨域的范圍,范圍值為1~24
5.每個(gè)row的clo的總和應(yīng)該為24
