开发指南085-大号版elementUI

ElementUI有些地方显示实在太小,不方便操作,需要放大:

1、el-dialog的标题栏那个关闭符号

使用如下方法放大

::v-deep .el-dialog__headerbtn {

font-size: 40px;

font-weight: 700;

top: 0px;

}

2、el-table-column 设置sortable 上下按钮太小

使用如下方法放大

::v-deep .sort-caret.ascending {

width: 18px;

height: 22px;

border-top: 12px solid transparent;

border-right: 12px solid transparent;

border-bottom: 12px solid #C0C4CC;

border-left: 12px solid transparent;

position: absolute;

top: -10px !important;

}

::v-deep .sort-caret.descending {

width: 18px;

height: 22px;

border-top: 12px solid #C0C4CC;

border-right: 12px solid transparent;

border-bottom: 12px solid transparent;

border-left: 12px solid transparent;

position: absolute;

top: 18px !important;

}

============持续更新中==============

相关推荐
JosieBook1 小时前
【web应用】如何进行前后端调试Debug? + 前端JavaScript调试Debug?
前端·chrome·debug
LBJ辉1 小时前
2. Webpack 高级配置
前端·javascript·webpack
灵感__idea8 小时前
JavaScript高级程序设计(第5版):好的编程就是掌控感
前端·javascript·程序员
烛阴9 小时前
Mix
前端·webgl
代码续发9 小时前
前端组件梳理
前端
试图让你心动10 小时前
原生input添加删除图标类似vue里面移入显示删除[jquery]
前端·vue.js·jquery
陈不知代码10 小时前
uniapp创建vue3+ts+pinia+sass项目
前端·uni-app·sass
小王码农记10 小时前
sass中@mixin与 @include
前端·sass
陈琦鹏10 小时前
轻松管理 WebSocket 连接!easy-websocket-client
前端·vue.js·websocket
hui函数11 小时前
掌握JavaScript函数封装与作用域
前端·javascript