diff --git a/src/views/dashboard/Brief.vue b/src/views/dashboard/Brief.vue index 87bf291..6bc1a28 100644 --- a/src/views/dashboard/Brief.vue +++ b/src/views/dashboard/Brief.vue @@ -2,123 +2,87 @@
-
-
- 设备总数 -
- -
-
- 在线 {{briefData.onlineCount}} 台 +
+
+
+ 设备总数
+ +
+
+
-
- +
+
+ 在线 {{briefData.onlineCount}} 台 +
-
-
- 订单总数 +
+
+
+ 订单总数 +
+
- -
-
- 今日 {{briefData.todayRechargeCount}} -
-
- 今日 {{briefData.todayRechargeCount}} -
+
+
-
- +
+
+ 今日 {{briefData.todayRechargeCount}} +
+
+ 使用中 {{briefData.usingRechargeCount}} 单 +
-
-
- 订单金额 +
+
+
+ 订单金额 +
+
- -
- 今日 - - {{briefData.todayRechargeAmount | money}} - - +
+
-
- +
+ 今日 {{briefData.todayRechargeAmount | money}}
- - - - - - - - - - - - - - - - - - - -
-
-
- 用户余额 +
+
+
+ 用户余额 +
+
- -
- 较昨日 - +
+ +
+
+
+ 较昨日 + {{compareBalance | money}} -
-
-
-
- - - - - - - - - - - - - - - - - - - - @@ -259,9 +223,6 @@ export default { margin-top: 18px; .card-panel { - display: flex; - justify-content: space-between; - height: 134px; cursor: pointer; font-size: 12px; position: relative; @@ -269,12 +230,17 @@ export default { background: #fff; box-shadow: 4px 4px 40px rgba(0, 0, 0, .05); border-color: rgba(0, 0, 0, .05); + padding: 16px 16px 8px; + + .chart-box { + display: flex; + justify-content: space-between; + } .card-panel-icon-wrapper { position: relative; - height: 100%; + height: 88px; flex: 1; - padding: 44px 16px 20px 10px; .panel-chart { float: right; @@ -285,7 +251,7 @@ export default { font-weight: 700; width: fit-content; min-width: 10em; - padding: 20px 0 16px 20px; + height: 88px; .card-panel-text { line-height: 24px; @@ -299,23 +265,29 @@ export default { line-height: 26px; color: #1D2129; } + } - .card-panel-compare { - position: absolute; - bottom: 16px; - font-size: 12px; - line-height: 20px; - color: #4E5969; - width: fit-content; + .card-panel-compare { + display: flex; + margin-top: 8px; + font-weight: bold; + position: relative; + font-size: 12px; + line-height: 20px; + color: #4E5969; + width: fit-content; - .up { - color: #F53F3F; - font-size: 14px; - } - .down { - color: #00B42A; - font-size: 14px; - } + .up { + color: #F53F3F; + font-size: 14px; + } + .down { + color: #00B42A; + font-size: 14px; + } + + .compare-item { + margin-right: 0.5em; } } } diff --git a/src/views/ss/suit/index.vue b/src/views/ss/suit/index.vue index c625690..8d744ea 100644 --- a/src/views/ss/suit/index.vue +++ b/src/views/ss/suit/index.vue @@ -36,7 +36,7 @@ - + @@ -109,13 +109,6 @@ - - - - - - - @@ -129,6 +122,14 @@ >{{item.name}} + + + + + + + +