From b83ba3cc4687f21d744e9866e10e30e91229e8a4 Mon Sep 17 00:00:00 2001 From: queenwuli <942534046@qq.com> Date: Thu, 28 Jan 2021 16:23:30 +0800 Subject: [PATCH] gx --- hive-app/common/styles/index.css | 143 ++++++++++++++++++++++++++++++++++++++++++----- 1 files changed, 128 insertions(+), 15 deletions(-) diff --git a/hive-app/common/styles/index.css b/hive-app/common/styles/index.css index 929a894..d49df53 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; @@ -28,6 +32,9 @@ .ml-20{ margin-left: 20px; } +.ml-30{ + margin-left: 30px; +} .mr-0{ margin-right: 0; @@ -45,6 +52,9 @@ margin-right: 20px; } +.mb-0{ + margin-bottom: 0!important; +} .mb-5{ margin-bottom: 5px; } @@ -65,6 +75,9 @@ .font-12{ font-size: 12px; } +.font-13{ + font-size: 13px; +} .font-14{ font-size: 14px; } @@ -83,6 +96,9 @@ .font-20{ font-size: 20px; } +.font-24{ + font-size: 24px; +} /* 颜色 */ .blue{ @@ -92,10 +108,10 @@ color: #FFFFFF; } .gray{ - color: #8c9fad; + color: #a5abaf; } .light-gray{ - color: #a7a7a7; + color: #d8d6d6; } .dark-gray{ color: #3a3f3f; @@ -121,6 +137,9 @@ .font-dark{ color: #111111; } +.font-darkGray{ + color: #666666; +} .font-bold{ font-weight: 700; } @@ -139,7 +158,7 @@ flex-wrap: wrap; } .align-left{ - align-items: flex-start; + align-items: baseline; } .align-center{ align-items: center; @@ -165,16 +184,33 @@ .placeholder{ color: #999999; } +.left{ + text-align: left; +} .center{ 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; + line-height: 42px; +} +.green-btn{ + background: #1FB713; border: 0; color: #FFFFFF; font-size: 16px; @@ -190,20 +226,58 @@ } /* 蓝色圆形加减按钮 */ .blue-btn-circle{ - width: 20px; - height: 20px; - display: flex; - align-items: center; - justify-content: center; + 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; +} +/* 灰色加减按钮 */ +.gray-outline-btn-circle{ + display: inline-block; + height: 30px; + width: 30px; + line-height: 28px; + text-align: center; + box-sizing: border-box; + font-size: 16px!important; + border-radius: 50%; + border: 2px solid #a5abaf; + color: #a5abaf; +} +.small-btn{ + width: 90px; + line-height: 30px; + font-size: 14px; + border-radius: 20px; + text-align: center; +} +uni-button[disabled]:not([type]), uni-button[disabled][type=default]{ + color: #FFFFFF; + background-color: rgba(36, 131, 255, 0.4); } /* 固定底部 */ .sticky-footer{ position: fixed; - bottom: 15px; + bottom: 20px; left: 10px; right: 10px; } @@ -219,6 +293,10 @@ } .input-group-row .label{ padding-right: 10px; + max-width: 220px; + overflow: hidden; + text-overflow:ellipsis; + white-space: nowrap; } .input-group-row .label .require{ color: #d20808; @@ -241,12 +319,47 @@ vertical-align: middle; margin-left: 4px; } -.input-group-row .right-text .tag{ +.input-group-cloume .tag-wrap{ + display: flex; + flex-wrap: wrap; + border-bottom: 1px solid #EDEAF4; + padding: 10px 0; +} +.input-group-cloume .tag{ background: #F2f2f2; color: #333; padding: 4px 8px; - margin-left: 8px; + margin-right: 8px; + margin-bottom: 5px; border-radius: 2px; font-size: 14px; } - +.input-group-cloume{ + font-size: 14px; +} +.input-group-cloume .label{ + display: block; + margin: 12px 0 10px; +} +.input-group-cloume textarea{ + display: block; + width: 100%; + height: 50px; + padding: 5px; + border: 1px solid #EDEAF4; + box-sizing: border-box; + border-radius: 2px; + font-size: 14px; +} +.uni-load-more__text{ + font-size: 14px!important; +} +uni-checkbox .uni-checkbox-input{ + /* background-color: #518EFF; */ + width: 16px; + height: 16px; + border: 1px solid #518EFF; +} +uni-checkbox .uni-checkbox-input.uni-checkbox-input-checked{ + color: #518EFF!important; +} \ No newline at end of file -- Gitblit v1.9.1