/* 自定义菜单样式 */ .custom-menu { background-color: #f5f5f5; /* 背景色 */ color: #333; /* 文字颜色 */ border: 1px solid #dcdcdc; /* 边框样式 */ border-radius: 4px; /* 圆角 */ } .custom-menu .el-menu-item { transition: all 0.3s; /* 添加过渡效果 */ } .custom-menu...
ElMain, ElMenu, ElSubmenu, ElMenuItem, ElIcon, ElBreadcrumb, ElBreadcrumbItem, ElCard, ElCol, ElTableColumn, ElTable, ElSwitch } from 'element-plus' import { Location, Menu as IconMenu, Search } from '@element-plus/icons' import { ArrowRight } from '@element-plus/icons-vue' export ...
5 总结起来，修改el-dropdown-menu的背景色大致需要修改的背景色有：el-dropdown-menu标签上的背景色，样式名.el-dropdown-menu__item--divided:before的背景色和样式名.el-dropdown-menu__item--divided的边框色
.el-menu-item{ border-bottom:none !important; } .right-menu .right-menu-item{ width:62px; height:62px; background-color: var(--el-slider_bg); border-radius: 6px; overflow: hidden; } .right-menu-item .right-menu-qrcode .qrcode-box{ background:var(--el-slider_bg); padding:5px...
一:页面构建 1 <el-form-item label="选择模块:"prop="pubTime"><br> <divclass="app-select"><br> <divclass="list"><br> <el-input v-model="searchWord"placeholder="请输入模块名称"maxlength="30"suffix-icon="Search"clearable @change="search"/><br> <divclass="checkbox"><br> <el-check...
<template slot="menu" slot-scope="scope"> <el-button type="text" size="mini" icon="el-icon-delete"@click="deleteHandle(scope.row.id)">删除</el-button> </template> </Table> </div> </template> <script>import Table from'@/components/table'exportdefault{ ...
.el-dropdown-menu__item:not(.is-disabled):hover, .el-dropdown-menu__item:focus { color: $theme-color; } /* 左侧菜单样式 */ .side-bar-container .el-menu .el-menu-item.is-active, .side-bar-container .el-menu .el-menu-item:hover { ...
很多情况下我们后台查询的数据需要显示在table中的时候,由于数据分类比较多,导致一个table无法很好的完整显示所有的属性信息,这个时候我们就需要让主要的数据信息显示在table界面上,然后点击table行,可以具体查看该行的所有详细数据
;// hover}:deep.el-dropdown-menu__item:not(.is-disabled){// color: #182F23!important; // disabled}.el-select-dropdown__item{color:#4FC78A!important;// 下拉项颜色}:deep.el-popper{background-color:#121f1b!important;// 展开下拉背景border:1px solid #498f6c!important;// 展开下拉边框...
dd,dl, dt, fieldset, frame, frameset,noframes,center, dir, hr, menu, pre { display: block } //列表元素类 li{ display:list-item } ol{list-style-type: decimal } ol ul, ul ol,ul ul, ol ol { margin-top: 0; margin-bottom: 0 } ...