修改ElementUI样式

修改ElementUI样式的几种方式 在我们写项目的过程中，有的elementui的默认样式和项目中的样式不符合，所有我们需要强制行的修改，这时候就需要找几种修改ElementUI的方法了。 1）.使用 /deep/ 深度修改标签样式 找到需要修改的 ElementUI 标签的类名，然后在类名前加上 /deep/ ，可以强制修改默认样式。这种方式可以直接用到有 scoped 属性的 style 标签中。

// 修改级联选择框的默认宽度 /deep/ .el-cascader { width: 100%; }

2）可以使用 >>> 来深度修改样式。 如下面的例子：

<style scoped> .a >>> .b { /* ... */ } </style>

去除scoped 在需要更改的组件里新增一个style标签【重点：不要加scoped】，然后直接获取class设置样式就可以咯，class自己去浏览器里右键审查元素可得到。 建议：在获取到的样式里加上能限制范围的父层选择器，不然就变成全局样式咯。

如何在Vue中如何引用echarts

1、下载并引入echarts.js文件

2、准备一个具备大小的DOM容器

3、初始化echarts实例对象

4、指定配置项和数据（option）

5、将配置项设置给echarts实例对象