From 087e498f73c3bea6210b65e4d0df668db3c3fa81 Mon Sep 17 00:00:00 2001 From: li-guang <153605324@qq.com> Date: Thu, 24 Dec 2020 16:09:06 +0800 Subject: [PATCH] 报表 --- hive-app/common/styles/index.css | 46 ++++++++++++++++++++++++++++++++++++++++------ 1 files changed, 40 insertions(+), 6 deletions(-) diff --git a/hive-app/common/styles/index.css b/hive-app/common/styles/index.css index 2323a3c..d3e84c2 100644 --- a/hive-app/common/styles/index.css +++ b/hive-app/common/styles/index.css @@ -1,4 +1,9 @@ - +/* 状态栏 */ +.status_bar { + height: var(--status-bar-height); + width: 100%; + color: #0000FF; +} /* 间距 */ .mt-5{ margin-top: 5px; @@ -28,6 +33,9 @@ .ml-20{ margin-left: 20px; } +.ml-30{ + margin-left: 30px; +} .mr-0{ margin-right: 0; @@ -45,6 +53,9 @@ margin-right: 20px; } +.mb-0{ + margin-bottom: 0!important; +} .mb-5{ margin-bottom: 5px; } @@ -65,6 +76,9 @@ .font-12{ font-size: 12px; } +.font-13{ + font-size: 13px; +} .font-14{ font-size: 14px; } @@ -83,6 +97,9 @@ .font-20{ font-size: 20px; } +.font-24{ + font-size: 24px; +} /* 颜色 */ .blue{ @@ -95,7 +112,7 @@ color: #a5abaf; } .light-gray{ - color: #a7a7a7; + color: #d8d6d6; } .dark-gray{ color: #3a3f3f; @@ -139,7 +156,7 @@ flex-wrap: wrap; } .align-left{ - align-items: flex-start; + align-items: baseline; } .align-center{ align-items: center; @@ -172,12 +189,19 @@ text-align: center; } .right{ - text-align: end; + text-align: right; } /* 默认蓝色按钮 */ .blue-btn{ background: #518EFF; + border: 0; + color: #FFFFFF; + font-size: 16px; + line-height: 42px; +} +.red-btn{ + background: #DE5A5A; border: 0; color: #FFFFFF; font-size: 16px; @@ -193,31 +217,41 @@ } /* 蓝色圆形加减按钮 */ .blue-btn-circle{ + display: inline-block; height: 24px; width: 24px; line-height: 24px; + text-align: center; box-sizing: border-box; font-size: 14px!important; border-radius: 50%!important; background: #518EFF; - border-radius: 4px; color: #FFFFFF; } .blue-outline-btn-circle{ + display: inline-block; height: 24px; width: 24px; line-height: 22px; + text-align: center; box-sizing: border-box; font-size: 12px!important; border-radius: 50%; border: 2px solid #518EFF; color: #518EFF; } +.small-btn{ + width: 90px; + line-height: 30px; + font-size: 14px; + border-radius: 20px; + text-align: center; +} /* 固定底部 */ .sticky-footer{ position: fixed; - bottom: 15px; + bottom: 20px; left: 10px; right: 10px; } -- Gitblit v1.9.1