From 6a209ec30881699d8b1fe5bca8494908d34d250f Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E4=B8=8D=E5=81=9A=E7=A0=81=E5=86=9C?= <599854767@qq.com> Date: Wed, 23 Feb 2022 18:30:34 +0800 Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E6=A0=B7=E5=BC=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- ZR.Vue/src/assets/styles/eladmin.scss | 79 ------------------------ ZR.Vue/src/assets/styles/element-ui.scss | 68 ++++++++++++++++++++ ZR.Vue/src/assets/styles/index.scss | 67 +------------------- 3 files changed, 69 insertions(+), 145 deletions(-) diff --git a/ZR.Vue/src/assets/styles/eladmin.scss b/ZR.Vue/src/assets/styles/eladmin.scss index 9bc5d22..6b4235f 100644 --- a/ZR.Vue/src/assets/styles/eladmin.scss +++ b/ZR.Vue/src/assets/styles/eladmin.scss @@ -23,85 +23,6 @@ width: 230px !important; } } -.el-avatar { - display: inline-block; - text-align: center; - background: #ccc; - color: #fff; - white-space: nowrap; - position: relative; - overflow: hidden; - vertical-align: middle; - width: 32px; - height: 32px; - line-height: 32px; - border-radius: 16px; -} - -.logo-con{ - height: 60px; - padding: 13px 0 0; - img{ - height: 32px; - width: 135px; - display: block; - //margin: 0 auto; - } -} - -#el-login-footer { - height: 40px; - line-height: 40px; - position: fixed; - bottom: 0; - width: 100%; - text-align: center; - color: #fff; - font-family: Arial, serif; - font-size: 12px; - letter-spacing: 1px; -} - -#el-main-footer { - background: none repeat scroll 0 0 white; - border-top: 1px solid #e7eaec; - overflow: hidden; - padding: 10px 6px 0 6px; - height: 33px; - font-size: 0.7rem !important; - color: #7a8b9a; - letter-spacing: 0.8px; - font-family: Arial, sans-serif !important; - position: fixed; - bottom: 0; - z-index: 99; - width: 100%; -} -.eladmin-upload { - border: 1px dashed #c0ccda; - border-radius: 5px; - height: 45px; - line-height: 45px; - width: 368px; -} -.my-blockquote{ - margin: 0 0 10px; - padding: 15px; - line-height: 22px; - border-left: 5px solid #00437B; - border-radius: 0 2px 2px 0; - background-color: #f2f2f2; -} -.my-code{ - position: relative; - padding: 15px; - line-height: 20px; - border-left: 5px solid #ddd; - color: #333; - font-family: Courier New, serif; - font-size: 12px -} - .el-tabs{ margin-bottom: 25px; } diff --git a/ZR.Vue/src/assets/styles/element-ui.scss b/ZR.Vue/src/assets/styles/element-ui.scss index 955d3ca..74b3bb6 100644 --- a/ZR.Vue/src/assets/styles/element-ui.scss +++ b/ZR.Vue/src/assets/styles/element-ui.scss @@ -82,3 +82,71 @@ .el-range-separator { box-sizing: content-box; } + + +/* 解决element-ui的table表格控件表头与内容列不对齐问题 */ + +.el-table th.gutter { + display: table-cell !important; +} + +.el-checkbox.mini .el-checkbox__label { + font-size: 12px !important; +} + +.el-checkbox.small .el-checkbox__label { + font-size: 12px !important; +} + +.el-checkbox.medium .el-checkbox__label { + font-size: 14px !important; +} + +.el-table .fixed-width .el-button--mini { + color: #409EFF; + padding-left: 0; + padding-right: 0; + width: inherit; +} + +.el-tree-node__content>.el-checkbox { + margin-right: 8px; +} + +// element ui 移动端组件适配 +@media screen and (max-width: 500px) { + .el-message { + min-width: 300px !important; + } +} + +@media screen and (max-width: 500px) { + .el-message-box { + width: 300px !important; + } + .el-pagination__jump{ + display: none !important; + } + .el-pagination__sizes{ + display: none !important; + } +} + +// dialog +@media screen and (max-width: 500px) { + .el-dialog__wrapper .el-dialog { + width: 95% !important; + } +} + +/** 表格更多操作下拉样式 */ +.el-table .el-dropdown-link { + cursor: pointer; + color: #409EFF; + margin-left: 5px; +} + +.el-table .el-dropdown, .el-icon-arrow-down { + font-size: 12px; +} +//适配完毕 \ No newline at end of file diff --git a/ZR.Vue/src/assets/styles/index.scss b/ZR.Vue/src/assets/styles/index.scss index 93654fc..6f7aba5 100644 --- a/ZR.Vue/src/assets/styles/index.scss +++ b/ZR.Vue/src/assets/styles/index.scss @@ -342,24 +342,6 @@ aside { height: 120px; } -/* 解决element-ui的table表格控件表头与内容列不对齐问题 */ - -.el-table th.gutter { - display: table-cell !important; -} - -.el-checkbox.mini .el-checkbox__label { - font-size: 12px !important; -} - -.el-checkbox.small .el-checkbox__label { - font-size: 12px !important; -} - -.el-checkbox.medium .el-checkbox__label { - font-size: 14px !important; -} - .vue-treeselect.mini { font-size: 12px !important; } @@ -397,17 +379,6 @@ aside { } -.el-table .fixed-width .el-button--mini { - color: #409EFF; - padding-left: 0; - padding-right: 0; - width: inherit; -} - -.el-tree-node__content>.el-checkbox { - margin-right: 8px; -} - .list-group-striped>.list-group-item { border-left: 0; border-right: 0; @@ -475,6 +446,7 @@ aside { height: 120px; } +// 导航栏头像 .avatar-upload-preview { position: absolute; top: 50%; @@ -505,40 +477,3 @@ aside { .table-td-thumb { width: 56px; } - -// 移动端组件适配 -@media screen and (max-width: 500px) { - .el-message { - min-width: 300px !important; - } -} - -@media screen and (max-width: 500px) { - .el-message-box { - width: 300px !important; - } - .el-pagination__jump{ - display: none !important; - } - .el-pagination__sizes{ - display: none !important; - } -} - -// dialog -@media screen and (max-width: 500px) { - .el-dialog__wrapper .el-dialog { - width: 95% !important; - } -} - -/** 表格更多操作下拉样式 */ -.el-table .el-dropdown-link { - cursor: pointer; - color: #409EFF; - margin-left: 5px; -} - -.el-table .el-dropdown, .el-icon-arrow-down { - font-size: 12px; -} \ No newline at end of file