elment小结

1 日期选择(年选择后高亮)

bash 复制代码
 <el-form-item label="年度选择">
        <el-date-picker
          type="year"
          v-model="years"
          value-format="yyyy"
          placeholder="年度选择"
          popper-class="date_form"
          @change="pickerStatus1">
        </el-date-picker>
      </el-form-item>

其中popper-class是官网的

bash 复制代码
.date_form {
  .el-year-table td.current:not(.disabled) .cell{
    color: #1890ff;
    font-weight: bold !important;
    background-color: var(--el-datepicker-active-color); // 这里应用的是项目的默认样式颜色,跟整个系统保持统一
    border-radius: 100px;
  }
  .el-year-table td.today .cell {
    font-weight: normal;
    color: #606266;
  }
}


相关推荐
凉豆菌2 小时前
在html中如何创建vue自定义组件(以自定义文件上传组件为例,vue2+elementUI)
vue.js·elementui·html
广西千灵通网络科技有限公司2 小时前
基于 springboot+vue+elementui 的办公自动化系统设计(
vue.js·spring boot·elementui
可爱的秋秋啊15 小时前
vue3,element ui框架中为el-table表格实现自动滚动,并实现表头汇总数据
前端·vue.js·笔记·elementui
宝拉不想努力了20 小时前
vue element使用el-table时,切换tab,table表格列项发生错位问题
前端·vue.js·elementui
Dnn011 天前
修改el-select背景颜色
css·elementui·vue3
Aotman_2 天前
VUE Element-ui Message 消息提示组件自定义封装
前端·javascript·vue.js·ui·elementui·es6
serve the people3 天前
vue中将elementUI和echarts转成pdf文件
vue.js·elementui·echarts
tryCbest4 天前
Vue2集成ElementUI实现左侧菜单导航
前端·javascript·elementui
化作繁星5 天前
elementUI中MessageBox.confirm()默认不聚焦问题处理
前端·javascript·elementui
沉默是金~6 天前
Vue+Notification 自定义消息通知组件 支持数据分页 实时更新
javascript·vue.js·elementui