目的:和一起入坑一套基于 Vue.js 的高质量UI 组件库iview的大家一起学习,如有不足之处请多指教。
1、基于修改iview的Menu组件的默认样式,其它组件也可以模仿照用
①原来默认的样式
②修改默认的样式后的样子:
默认的宽度为240px修改为830px;“内容管理”默认的字体为黑色修改为红色。
2、默认样式的代码和修改后的样式代码对比
<1>默认样式代码与浏览器调试模式
<2>修改前的浏览器调试模式和修改后的浏览器调试模式相对比
①“内容管理”的类标签名字为“ivu-menu-submenu-title”
②修改后的代码
③Menu宽度修改前与修改前的对比
a、修改前
b、修改后
④Menu上的字体修改前与修改前的对比
a、修改前
b、修改后
c、其它的字体