wenyongda/ZRAdmin-vue
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

移动端element-ui适配

Browse Source
This commit is contained in:
不做码农 2022-04-29 19:52:59 +08:00
parent 1cd5a87012
commit c2296f54de
1 changed files with 9 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/assets/styles/element-ui.scss
View File

@ -91,7 +91,6 @@
// color: var(--el-color-primary) !important; // color: var(--el-color-primary) !important;
// } // }
// element ui 移动端组件适配 // element ui 移动端组件适配
.el-icon { .el-icon {
vertical-align: middle; vertical-align: middle;
@ -118,16 +117,20 @@
} }
// dialog // dialog
@media screen and (max-width: 500px) { @media screen and (max-width: 700px) {
.el-dialog { .el-dialog {
--el-dialog-width: 100% !important --el-dialog-width: 100% !important;
--el-dialog-margin-top: 0 !important;
}
.el-dialog:not(.is-fullscreen){
margin-top: 0 !important;
} }
} }
/** 表格更多操作下拉样式 */ /** 表格更多操作下拉样式 */
.el-table .el-dropdown-link { .el-table .el-dropdown-link {
cursor: pointer; cursor: pointer;
color: #409EFF; color: #409eff;
margin-left: 5px; margin-left: 5px;
} }
@ -141,4 +144,4 @@
// 隐藏picture-card 上传按钮 // 隐藏picture-card 上传按钮
.hide .el-upload--picture-card { .hide .el-upload--picture-card {
display: none; display: none;
} }