修改iview的自定义样式

目的:和一起入坑一套基于 Vue.js 的高质量UI 组件库iview的大家一起学习,如有不足之处请多指教。

1、基于修改iview的Menu组件的默认样式,其它组件也可以模仿照用

①原来默认的样式

②修改默认的样式后的样子:

                                              默认的宽度为240px修改为830px;“内容管理”默认的字体为黑色修改为红色。

 

2、默认样式的代码和修改后的样式代码对比

<1>默认样式代码与浏览器调试模式

<2>修改前的浏览器调试模式和修改后的浏览器调试模式相对比

①“内容管理”的类标签名字为“ivu-menu-submenu-title”

②修改后的代码

③Menu宽度修改前与修改前的对比

a、修改前

b、修改后

④Menu上的字体修改前与修改前的对比

a、修改前

b、修改后

c、其它的字体


版权声明:本文为wei1992_6原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。