开发指南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;

}

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

相关推荐
LHX sir24 分钟前
什么是UIOTOS?
前端·前端框架·编辑器·团队开发·个人开发·web
Gazer_S32 分钟前
【前端状态管理技术解析:Redux 与 Vue 生态对比】
前端·javascript·vue.js
小光学长1 小时前
基于Vue的图书馆座位预约系统6emrqhc8(程序+源码+数据库+调试部署+开发环境)带论文文档1万字以上,文末可获取,系统界面在最后面。
前端·数据库·vue.js
Y学院1 小时前
vue的组件通信
前端·javascript·vue.js
患得患失9491 小时前
【ThreeJs】【伪VR】用 Three.js 实现伪 VR 全景看房系统:低成本实现 3D 级交互体验
javascript·3d·vr
PairsNightRain1 小时前
React Concurrent Mode 是什么?怎么使用?
前端·react.js·前端框架
小岛前端1 小时前
React 剧变!
前端·react.js·前端框架
teeeeeeemo1 小时前
Webpack 模块联邦(Module Federation)
开发语言·前端·javascript·笔记·webpack·node.js
岁月宁静2 小时前
AI聊天系统 实战:打造优雅的聊天记录复制与批量下载功能
前端·vue.js·人工智能
小小弯_Shelby2 小时前
uniApp App内嵌H5打开内部链接,返回手势(左滑右滑页面)会直接关闭H5项目
前端·uni-app