主席信箱-信箱管理:统计数字加背景色(页面美化);
This commit is contained in:
@@ -87,15 +87,32 @@ layout("/layouts/platform.html"){
|
|||||||
<style>
|
<style>
|
||||||
.stats-panel {
|
.stats-panel {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
gap: 16px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.stats-item {
|
.stats-item {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
padding: 18px 16px;
|
||||||
|
border-radius: 8px;
|
||||||
|
background: #f3fafb;
|
||||||
|
box-shadow: 0 6px 18px rgba(0, 78, 100, 0.08);
|
||||||
|
}
|
||||||
|
|
||||||
|
.stats-item:nth-child(2) {
|
||||||
|
background: #fff8ee;
|
||||||
|
}
|
||||||
|
|
||||||
|
.stats-item:nth-child(3) {
|
||||||
|
background: #f1fbf6;
|
||||||
|
}
|
||||||
|
|
||||||
|
.stats-item:nth-child(4) {
|
||||||
|
background: #f7f5ff;
|
||||||
}
|
}
|
||||||
|
|
||||||
.stats-value {
|
.stats-value {
|
||||||
font-size: 24px;
|
font-size: 26px;
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
color: rgb(0, 78, 100);
|
color: rgb(0, 78, 100);
|
||||||
}
|
}
|
||||||
|
|||||||
+19
-2
@@ -24,19 +24,36 @@ layout("/layouts/platform_h5.html"){
|
|||||||
|
|
||||||
.stats-panel {
|
.stats-panel {
|
||||||
background-color: var(--card-bg);
|
background-color: var(--card-bg);
|
||||||
padding: 16px;
|
padding: 12px;
|
||||||
margin-bottom: 10px;
|
margin-bottom: 10px;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
gap: 8px;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
}
|
}
|
||||||
|
|
||||||
.stats-item {
|
.stats-item {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
padding: 12px 4px;
|
||||||
|
border-radius: 8px;
|
||||||
|
background: #f3fafb;
|
||||||
|
box-shadow: 0 4px 12px rgba(0, 78, 100, 0.08);
|
||||||
|
}
|
||||||
|
|
||||||
|
.stats-item:nth-child(2) {
|
||||||
|
background: #fff8ee;
|
||||||
|
}
|
||||||
|
|
||||||
|
.stats-item:nth-child(3) {
|
||||||
|
background: #f1fbf6;
|
||||||
|
}
|
||||||
|
|
||||||
|
.stats-item:nth-child(4) {
|
||||||
|
background: #f7f5ff;
|
||||||
}
|
}
|
||||||
|
|
||||||
.stats-value {
|
.stats-value {
|
||||||
font-size: 20px;
|
font-size: 22px;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
color: var(--primary-color);
|
color: var(--primary-color);
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user