From 84b3331ec60367869a3546aff2df2e0ec4462ab1 Mon Sep 17 00:00:00 2001 From: hdy <1105738590@qq.com> Date: 星期二, 23 一月 2024 15:03:58 +0800 Subject: [PATCH] 修改-主页 --- jcdm-ui/src/views/index.vue | 4 ++-- jcdm-ui/src/views/dashboard/PanelGroup.vue | 39 +++++++++++++++++++-------------------- 2 files changed, 21 insertions(+), 22 deletions(-) diff --git a/jcdm-ui/src/views/dashboard/PanelGroup.vue b/jcdm-ui/src/views/dashboard/PanelGroup.vue index 29156b6..703138d 100644 --- a/jcdm-ui/src/views/dashboard/PanelGroup.vue +++ b/jcdm-ui/src/views/dashboard/PanelGroup.vue @@ -1,11 +1,11 @@ <template> - <el-row :gutter="40" class="panel-group"> - <el-card class="bottom-card"> + + <el-card class="box-card"> <div slot="header" class="clearfix"> <span class="top2">鍗曟棩绱浜ч噺</span> </div> - - <el-col :xs="12" :sm="12" :lg="4" class="card-panel-col"> + <el-row :gutter="40" class="panel-group"> + <el-col :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" /> @@ -18,7 +18,7 @@ </div> </div> </el-col> - <el-col :xs="12" :sm="12" :lg="4" class="card-panel-col"> + <el-col :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" /> @@ -31,7 +31,7 @@ </div> </div> </el-col> - <el-col :xs="12" :sm="12" :lg="4" class="card-panel-col"> + <el-col :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" /> @@ -44,7 +44,7 @@ </div> </div> </el-col> - <el-col :xs="12" :sm="12" :lg="4" class="card-panel-col"> + <el-col :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" /> @@ -58,7 +58,7 @@ </div> </el-col> - <el-col :xs="12" :sm="12" :lg="4" class="card-panel-col"> + <el-col :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" /> @@ -71,8 +71,7 @@ </div> </div> </el-col> - - <el-col :xs="12" :sm="12" :lg="4" class="card-panel-col"> + <el-col :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" /> @@ -85,9 +84,9 @@ </div> </div> </el-col> - + </el-row> </el-card> - </el-row> + </template> @@ -107,14 +106,14 @@ </script> <style lang="scss" scoped> -.bottom-card{ - padding: 15px 20px 20px 20px; - height: auto; - width: 1272px; - margin-left: 20px; - justify-content: center; - column-width: max-content; -} +//.bottom-card{ +// padding: 15px 20px 20px 20px; +// height: auto; +// width: 1272px; +// margin-left: 20px; +// justify-content: center; +// column-width: max-content; +//} .top2{ font-size: 18px; diff --git a/jcdm-ui/src/views/index.vue b/jcdm-ui/src/views/index.vue index 37ff1f2..727f870 100644 --- a/jcdm-ui/src/views/index.vue +++ b/jcdm-ui/src/views/index.vue @@ -2,7 +2,7 @@ <div class="dashboard-editor-container"> <panel-group @handleSetLineChartData="handleSetLineChartData" /> - + <el-row style="margin-top: 12px" > <el-row style="background:#fff;padding:16px 16px 0;margin-bottom:32px;"> <el-col :xs="24" :sm="12"> <el-card> @@ -17,7 +17,7 @@ </el-col> </el-row> - + </el-row> </div> </template> -- Gitblit v1.9.3