ruoyi+elementPlus样式修改

时间：2023-03-29 12:40:10 HTML

第一部分1.进入完整版登录框直接复制样式到.login-formtitle然后更改color.title更改输入框（边框颜色，图标颜色）元素的border变量值-ui.scss//个人调整.el-input{--el-input-focus-border-color:#1fb496!important;--el-input-border-radius:0重要；--el-input-icon-color:#5c5c66!important;}用户头像图标和锁图标向右移动，并下载新图标。2.菜单图标替换为自己的白色svg。原始组件是hamburger3。导航栏样式的背景色。-item.right-menu-item{显示：内联块；填充：08px；高度：100%；字体大小：15px；颜色：#ffffff；垂直对齐：文本底部；roundgrback&:hover{color:#367fa9;}}:deep(.size-icon--style){字体大小:15px;颜色：#ffffff；}}&.hover-effect{光标：指针；回合h;过渡：3backgr{背景：#367fa9;}}}}需要在组件中svg后面加一个label，用div包裹fullscreen

4.Leftbreadcrumbtextstyle面包屑组件内部//将a标签改为span标签，并添加has-redirect样式{{item.meta.title}}//style.has-redirect,.no-redirect{color:#dcdcdc;cursor:default;font-weight:700;}.has-redirect{color:#ffffff;cursor:pointer;}5.右侧下拉菜单的样式在element.scss中直接全局修改//drop-downmenu.el-dropdown__popper{.el-scrollbar{padding:5px;.el-dropdown-menu{.el-dropdown-menu__item{border-radius:5px;font-weight:700;&:hover{background-color:#e1e3e9;}}}}}}6.头像加载失败处理，顺便把头像的边框改为3pxfunctionerrorEvent(event.;import("@/assets/images/profile.jpg").then（（资源）=>{el.src=res.default;});}7.elment.scss侧边栏字体全局设置//sidebarmenu.el-sub-menu,.el-menu--vertical{font-weight:700;}.el-menu-item{font-weight:700;}8.tags标签主题存储文件主题：storageSetting.theme||"#3c8dbc",part21.将窗体右上角的小图标改成div类型的标签

<刷新/>

style.cus-rightToolbarItem{display:flex;证明内容：居中；对齐项目：居中；宽度：32px；高度：32px；边框：1px实心#dddddd；过渡：边界0.3s；&:hover{背景颜色：#e7e7e7;}2。给元素全局样式添加对话框弹出样式//dialog.el-message-box{border:0!important;.el-message-box__header{背景颜色：#3c8dbc;.el-message-box__title{颜色：白色；字体粗细：700；}.el-message-box__close{白颜色;}}}