纯粹的遇到就记,零零散散的知识点,不记的话,过后就不一定想的起来了。
iview里有个tree控件,有点ztree的感觉。但是tree控件的箭头icon是这种类型的(如下图,图1)
这个左箭头的icon是tree自带的,但是设计稿要求的是下面这种(图2)
那么问题来了,tree控件拿到页面上是已经渲染好的,楞是不好找去哪改。我们之前提到过iview引用自定义icon,但是那个是直接在代码里修改icon的type,替换成你想要的。眼前这个并没有可以修改type的地方。
我们可以通过修改iview默认样式,把咱们需要的icon样式引入,去覆盖掉iview原有的即可。(图3)
把这部分代码写到你引入tree控件的页面代码里,就覆盖掉了。红色框圈出来的是什么?是你需要用到的icon字体,说的再细一点,就是图2中你要用到的icon,但是你发现图2的icon都是 <Icon type="md-arrow-dropleft" />
你拿到 md-arrow-dropleft
怎么用?所以下面继续上截图,(图4)
content该怎么换,也就一目了然了。