From 29d394bbe7750cc18278341db73e02f8c5b2dd88 Mon Sep 17 00:00:00 2001 From: hdy <1105738590@qq.com> Date: 星期二, 23 一月 2024 09:24:34 +0800 Subject: [PATCH] 修改 --- jcdm-ui/src/views/dashboard/PanelGroup.vue | 54 ++++++++++++++++++++++++++++++++++++++++++++++-------- 1 files changed, 46 insertions(+), 8 deletions(-) diff --git a/jcdm-ui/src/views/dashboard/PanelGroup.vue b/jcdm-ui/src/views/dashboard/PanelGroup.vue index 1a1081f..7301305 100644 --- a/jcdm-ui/src/views/dashboard/PanelGroup.vue +++ b/jcdm-ui/src/views/dashboard/PanelGroup.vue @@ -1,58 +1,90 @@ <template> <el-row :gutter="40" class="panel-group"> - <el-col :xs="12" :sm="12" :lg="6" class="card-panel-col"> + <div class="top2">鍗曟棩绱浜ч噺</div> + <el-col :xs="12" :sm="12" :lg="4" class="card-panel-col"> <div class="card-panel" @click="handleSetLineChartData('newVisitis')"> <div class="card-panel-icon-wrapper icon-people"> <svg-icon icon-class="peoples" class-name="card-panel-icon" /> </div> <div class="card-panel-description"> <div class="card-panel-text"> - 璁垮 + 鍚堢涓婄嚎 </div> <count-to :start-val="0" :end-val="102400" :duration="2600" class="card-panel-num" /> </div> </div> </el-col> - <el-col :xs="12" :sm="12" :lg="6" class="card-panel-col"> + <el-col :xs="12" :sm="12" :lg="4" class="card-panel-col"> <div class="card-panel" @click="handleSetLineChartData('messages')"> <div class="card-panel-icon-wrapper icon-message"> <svg-icon icon-class="message" class-name="card-panel-icon" /> </div> <div class="card-panel-description"> <div class="card-panel-text"> - 娑堟伅 + 鍚堢涓嬬嚎 </div> <count-to :start-val="0" :end-val="81212" :duration="3000" class="card-panel-num" /> </div> </div> </el-col> - <el-col :xs="12" :sm="12" :lg="6" class="card-panel-col"> + <el-col :xs="12" :sm="12" :lg="4" class="card-panel-col"> <div class="card-panel" @click="handleSetLineChartData('purchases')"> <div class="card-panel-icon-wrapper icon-money"> <svg-icon icon-class="money" class-name="card-panel-icon" /> </div> <div class="card-panel-description"> <div class="card-panel-text"> - 閲戦 + 鎬昏涓婄嚎 </div> <count-to :start-val="0" :end-val="9280" :duration="3200" class="card-panel-num" /> </div> </div> </el-col> - <el-col :xs="12" :sm="12" :lg="6" class="card-panel-col"> + <el-col :xs="12" :sm="12" :lg="4" class="card-panel-col"> <div class="card-panel" @click="handleSetLineChartData('shoppings')"> <div class="card-panel-icon-wrapper icon-shopping"> <svg-icon icon-class="shopping" class-name="card-panel-icon" /> </div> <div class="card-panel-description"> <div class="card-panel-text"> - 璁㈠崟 + 鎬昏涓嬬嚎 </div> <count-to :start-val="0" :end-val="13600" :duration="3600" class="card-panel-num" /> </div> </div> </el-col> + + <el-col :xs="12" :sm="12" :lg="4" class="card-panel-col"> + <div class="card-panel" @click="handleSetLineChartData('shoppings')"> + <div class="card-panel-icon-wrapper icon-shopping"> + <svg-icon icon-class="shopping" class-name="card-panel-icon" /> + </div> + <div class="card-panel-description"> + <div class="card-panel-text"> + CVT涓婄嚎 + </div> + <count-to :start-val="0" :end-val="13600" :duration="3600" class="card-panel-num" /> + </div> + </div> + </el-col> + + <el-col :xs="12" :sm="12" :lg="4" class="card-panel-col"> + <div class="card-panel" @click="handleSetLineChartData('shoppings')"> + <div class="card-panel-icon-wrapper icon-shopping"> + <svg-icon icon-class="shopping" class-name="card-panel-icon" /> + </div> + <div class="card-panel-description"> + <div class="card-panel-text"> + CVT涓嬬嚎 + </div> + <count-to :start-val="0" :end-val="13600" :duration="3600" class="card-panel-num" /> + </div> + </div> + </el-col> + + </el-row> + </template> <script> @@ -71,6 +103,12 @@ </script> <style lang="scss" scoped> +.top2{ + font-size: 26px; + font-weight: bold; + margin-bottom: 16px; +} + .panel-group { margin-top: 18px; -- Gitblit v1.9.3