From 1f3406acbac28b5b98c8d9dde2557374b97c0ef9 Mon Sep 17 00:00:00 2001 From: queenwuli <942534046@qq.com> Date: Mon, 21 Dec 2020 17:40:58 +0800 Subject: [PATCH] gx --- hive-app/common/styles/index.css | 46 +++++++++++++++++++++++++++++++++++----------- 1 files changed, 35 insertions(+), 11 deletions(-) diff --git a/hive-app/common/styles/index.css b/hive-app/common/styles/index.css index a53a989..8a61148 100644 --- a/hive-app/common/styles/index.css +++ b/hive-app/common/styles/index.css @@ -1,4 +1,8 @@ - +/* 状态栏 */ +.status_bar { + height: var(--status-bar-height); + width: 100%; +} /* 间距 */ .mt-5{ margin-top: 5px; @@ -68,6 +72,9 @@ .font-12{ font-size: 12px; } +.font-13{ + font-size: 13px; +} .font-14{ font-size: 14px; } @@ -85,6 +92,9 @@ } .font-20{ font-size: 20px; +} +.font-24{ + font-size: 24px; } /* 颜色 */ @@ -142,7 +152,7 @@ flex-wrap: wrap; } .align-left{ - align-items: flex-start; + align-items: baseline; } .align-center{ align-items: center; @@ -168,6 +178,9 @@ .placeholder{ color: #999999; } +.left{ + text-align: left; +} .center{ text-align: center; } @@ -183,6 +196,13 @@ font-size: 16px; line-height: 42px; } +.red-btn{ + background: #DE5A5A; + border: 0; + color: #FFFFFF; + font-size: 16px; + line-height: 42px; +} /* 蓝色边框白底按钮 */ .white-btn{ background: #FFFFFF; @@ -193,19 +213,23 @@ } /* 蓝色圆形加减按钮 */ .blue-btn-circle{ - height: 26px; - width: 26px; - line-height: 26px; + display: inline-block; + height: 24px; + width: 24px; + line-height: 24px; + text-align: center; box-sizing: border-box; font-size: 14px!important; - border-radius: 50%; + border-radius: 50%!important; background: #518EFF; color: #FFFFFF; } .blue-outline-btn-circle{ - height: 26px; - width: 26px; - line-height: 24px; + display: inline-block; + height: 24px; + width: 24px; + line-height: 22px; + text-align: center; box-sizing: border-box; font-size: 12px!important; border-radius: 50%; @@ -213,8 +237,8 @@ color: #518EFF; } .small-btn{ - width: 100px; - line-height: 32px; + width: 90px; + line-height: 30px; font-size: 14px; border-radius: 20px; text-align: center; -- Gitblit v1.9.1