Tabs 标签页组件
个人感觉组件中带的这个灰色线性背景影响美观,所以研究了下。
去除方法为:
它这条线是使用以下命名的伪类添加的,所以那么我们直接在CSS中设:
.el-tabs__nav-wrap::after { width: 0 !important; }
将它的宽设为0,就成功的去除了此线性灰色背景了。
去除后的效果
有没有觉得变得好看简介了许多呢?
Message 消息提示组件
Message被dialog覆盖
解决方案:
修改dialog的z-index:😒-index=“1000”
<el-dialog v-model="dialogFormVisible" :z-index="1000" width="440px" custom-class="dialog
引入ElMessage、Notification 报错
import { ElMessage } from 'element-plus'
改成
import { ElMessage } from 'element-plus/dist/index.full.js'