From ea23d884fb5996a91b580e34f8b6626264596655 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E9=99=88=E8=A3=95=E8=B4=A2?= Date: Mon, 12 Jul 2021 02:39:10 +0800 Subject: [PATCH] =?UTF-8?q?=E6=A1=86=E6=9E=B6=E5=8D=87=E7=BA=A7=EF=BC=8C?= =?UTF-8?q?=E6=A0=B7=E5=BC=8F=E5=8D=87=E7=BA=A7?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/styles/index.scss | 16 ++++++ src/styles/mdp.scss | 110 ++++++++++++++++++++++++++++++++++++++++++ src/styles/vars.scss | 3 +- 3 files changed, 128 insertions(+), 1 deletion(-) create mode 100644 src/styles/mdp.scss diff --git a/src/styles/index.scss b/src/styles/index.scss index 64511e34..b73c234d 100644 --- a/src/styles/index.scss +++ b/src/styles/index.scss @@ -4,6 +4,7 @@ @import './element-ui.scss'; @import './sidebar.scss'; @import './btn.scss'; +@import './mdp.scss'; body { height: 100%; @@ -193,3 +194,18 @@ code { .multiselect--active { z-index: 1000 !important; } + + +//查询按钮 + .el-input-group__append, + .el-input-group__prepend { + background-color: #409EFF !important; + color: #ffffff !important; + vertical-align: middle; + display: table-cell; + position: relative; + border: 1px solid #409EFF !important; + padding: 0 20px; + width: 1px; + white-space: nowrap; + } diff --git a/src/styles/mdp.scss b/src/styles/mdp.scss new file mode 100644 index 00000000..0f08ed56 --- /dev/null +++ b/src/styles/mdp.scss @@ -0,0 +1,110 @@ +//main-container全局样式 +.page-full-height{ + height: calc(100vh); +} +.page-height{ + height: calc(90vh); +} +.page-container { + .page-header{ + flex: 0 0 auto; + display: flex; + flex-direction: row; + justify-content: flex-start; + align-items: center; + height: 60px; + overflow-x: hidden; + background-color:rgb(182, 206, 214); + .el-button{ + margin-left:10px; + } + .el-input{ + width:270px; + margin-left:10px; + } + .el-date-editor{ + margin-left:10px; + } + } + + .page-tips{ + position:absolute; + font-size: 16px; + bottom: 0px; + color: red; + padding-left: 10px; + flex: 0 0 auto; + display: flex; + flex-direction: row; + justify-content: flex-start; + align-items: center; + height: 60px; + overflow-x: hidden; + background-color:rgb(182, 206, 214); + } + .page-main{ + padding-left: 10px; + padding-right: 10px; + border:1px solid #e8e8e8; + } + .page-bottom{ + padding-left:5px; + padding-right:5px; + } +} + +.border{ + border: 1px solid #e8e8e8; +} +.padding{ + padding:10px; +} +.padding-top{ + padding-top: 10px; +} +.padding-bottom{ + padding-bottom: 10px; +} +.padding-left{ + padding-left: 10px; +} +.border-top{ + border-top: 1px solid #e8e8e8; +} +.border-bottom{ + border-bottom: 1px solid #e8e8e8; +} +.padding-right{ + padding-right: 10px; +} +.input-width{ + width:270px; +} + +/** +更多按钮 +**/ +.more-filter { + margin: 20px 0px; + padding-left: 10px; + padding-right: 10px; + font{ + text-align: center; + float: left; + height: 28px; + line-height: 28px; + margin-right: 10px; + margin-top: 2px; + } + .el-row { + padding-top: 10px; + } +} +.more-label-font { + text-align: center; + float: left; + height: 28px; + line-height: 28px; + margin-right: 10px; + margin-top: 2px; +} \ No newline at end of file diff --git a/src/styles/vars.scss b/src/styles/vars.scss index d5461713..5f462afb 100644 --- a/src/styles/vars.scss +++ b/src/styles/vars.scss @@ -1 +1,2 @@ -$color-primary: #20a0ff;//#18c79c \ No newline at end of file +$color-primary: #20a0ff;//#18c79c +