From 31a5566dd7ff56a3405ce79a764cd9e3d63154c9 Mon Sep 17 00:00:00 2001
From: li-guang <153605324@qq.com>
Date: Wed, 23 Dec 2020 16:21:11 +0800
Subject: [PATCH] 排行榜
---
hive-app/common/styles/index.css | 36 ++++++++++++++++++++++++++++++------
1 files changed, 30 insertions(+), 6 deletions(-)
diff --git a/hive-app/common/styles/index.css b/hive-app/common/styles/index.css
index b98e911..d09494f 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;
@@ -27,6 +32,9 @@
}
.ml-20{
margin-left: 20px;
+}
+.ml-30{
+ margin-left: 30px;
}
.mr-0{
@@ -68,6 +76,9 @@
.font-12{
font-size: 12px;
}
+.font-13{
+ font-size: 13px;
+}
.font-14{
font-size: 14px;
}
@@ -85,6 +96,9 @@
}
.font-20{
font-size: 20px;
+}
+.font-24{
+ font-size: 24px;
}
/* 颜色 */
@@ -142,7 +156,7 @@
flex-wrap: wrap;
}
.align-left{
- align-items: flex-start;
+ align-items: baseline;
}
.align-center{
align-items: center;
@@ -186,6 +200,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;
@@ -196,20 +217,23 @@
}
/* 蓝色圆形加减按钮 */
.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%;
@@ -217,8 +241,8 @@
color: #518EFF;
}
.small-btn{
- width: 100px;
- line-height: 32px;
+ width: 90px;
+ line-height: 30px;
font-size: 14px;
border-radius: 20px;
text-align: center;
@@ -227,7 +251,7 @@
/* 固定底部 */
.sticky-footer{
position: fixed;
- bottom: 15px;
+ bottom: 20px;
left: 10px;
right: 10px;
}
--
Gitblit v1.9.1