Element组件使用--自定义样式

1.前言：

1.Element是应用与vue中的组件库

组件 | Element

2.自定义样式

在获取组件后，我们可以进行css对其进行进一步的修饰。

方法如下：

1.el-input的修改

这里我使用了输入框与搜索框

1.可以从17行与22行看出，我们可以给目标一个class属性。然后就可以在相应的class的属性进行修改了。

2.但el-input 无法通过custom-input直接对其块长度进行修改。如果使用class设定width，变化的只会是选框。

所以要添加div将input包裹，这样对div的width就可以反应到input上了

2.el-nav修改

参数说明：

router：开启路由功能,没有添加默认为false

index：就是路由跳转的路径

3.icon的使用

效果：

对于icon的设置：

通过font-size设置其大小

完整代码