微信小程序iViewUi weapp使用自定義i-class去掉九宮格Grid邊框（解決i-class覆蓋樣式無效的問題）

示例說明：

在微信小程序中iviewUi weapp的第三方組件，不允許直接修改樣式，但是可以通過i-class的方式進行自定義添加樣式。

開發需求： 

如下圖所見，iviewUi weapp的Grid九宮格自帶邊框特效，而我們並不需要這個效果，因此要自己寫i-class樣式去掉邊框。

解決方案： 

1、.wxml：在要修改的樣式上添加i-class

2、wxss：編寫剛纔新加的i-class，一定要加上!important優先級（重點），不然覆蓋不了原來的樣式。

.i-grid{border:none !important;}
.i-grid-item{border:none !important;}

現在來看一下修改的結果：

可以看到，邊框已經沒有了。不過 iViewUi的九宮格有點bug，頁面切換時會看到九宮格排序有點錯亂，因此我比較推薦使用Weui（官方地址：https://weui.io/）的九宮格，這裏分享一下Weui九宮格Grid四格的.wxss代碼：

.weui-grids{
border:none !important;
}
.weui-grid{
width:25%!important;
border:none !important;
}
.weui-grid_active{
  background: none !important;
}
.weui-grid__label{
color:#766D62 !important;
}