element日期选择器el-date-picker样式修改

element日期选择器（el-date-picker）是一个常用的UI组件，可以方便地进行日期选择。如果您需要修改日期选择器的样式，可以使用element-ui提供的样式变量进行修改。以下是一些常用的样式变量及其含义：

1. $--color-primary: #409EFF; // 主色
2. $--border-radius-base: 4px; // 组件圆角
3. $--background-color-light: #f5f7fa; // 组件背景色
4. $--text-color: #303133; // 文字颜色
5. $--font-size-base: 14px; // 字体大小

您可以在需要修改样式的组件上加上scoped属性，然后在相应的<style scoped>标签中进行样式修改，如下所示：

<template>
  <el-date-picker
    v-model="date"
    type="date"
    placeholder="选择日期">
  </el-date-picker>
</template>

<style scoped>
.el-date-picker {
  border-radius: 6px;
  background-color: #f0f2f5;
  color: #606266;
  font-size: 16px;
}
</style>