iview 怎麼實現響應式?

大家好 ~
最近在使用 iview 組件庫,小組件超級方便,超級好看啊 。整個應用沒用多久就做的差不多了。 向尤大 還有 iview 組件表示感謝 !

但是在使用的過程中, 有一點不解的地方?
iview 如何實現響應式的呢? less 源代碼中好像只有幾句媒體查詢的代碼? Row 和 i-col 也和bootstrap 中的 .col-md- 等有很大區別?

或者是不能以 bootstrap 的響應式實現思路來使用 iview?

不勝感激


iView 支持 xs、 sm、 md 、lg 四個響應式尺寸。兩種用法:

1.直接賦值,默認是響應式設置 span:

&
&Col&
&Col&
&Col&
&

比如第一個 &,小於 768px 時,span 是 2,大於等於 768 時是 4,等等。

2.span pull push offset order 屬性都可以響應式設置,這時值為一個對象,例如:

&
&Col&
&Col&
&Col&
&

多寫幾個 demo,縮放縮放瀏覽器尺寸就明白了。


推薦閱讀:

Vue組件庫大對比--HeyUI, iView, Element
element ui官網教程極其不詳細?
Tips on iView 2
HEYUI,新的vue組件庫發布啦~~

TAG:前端開發 | 前端框架 | Vuejs | iView |