element ui怎么修改默认样式呢

Element UI的默认样式可以通过覆盖默认的CSS样式来修改。Element UI的样式分为两种：全局样式和组件样式。

### 全局样式

Element UI的全局样式可以修改`theme-chalk`文件夹下的SCSS文件，通过修改变量来覆盖默认样式。具体步骤如下：

1. 安装`sass-loader`和`node-sass`依赖：

npm install sass-loader node-sass --save-dev

2. 在`webpack.base.conf.js`中添加SCSS的loader：

{
  test: /\.scss$/,
  loaders: ["style", "css", "sass"]
}

3. 在`main.js`中引入Element UI的样式文件：

import 'element-ui/lib/theme-chalk/index.css';

4. 在项目中创建一个`theme`文件夹，用于存放覆盖默认样式的SCSS文件。

5. 在`theme`文件夹中创建一个`variables.scss`文件，用于定义要修改的变量，如：

$--color-primary: #ff0000;

6. 在`App.vue`中通过`@import`导入自定义的SCSS文件：

<style lang="scss">
  @import '../theme/index.scss';
</style>

### 组件样式

Element UI的组件样式可以通过给组件添加`class`或`style`属性来覆盖默认样式。具体可以参考官方文档中组件的CSS类和CSS变量。同时，也可以通过修改全局样式来影响组件的样式。