From ab97e22763d1ece9f2c8061d81034657eb56ce4e Mon Sep 17 00:00:00 2001
From: shuishen <1109946754@qq.com>
Date: Wed, 20 Dec 2023 18:08:04 +0800
Subject: [PATCH] 标签统计调整
---
src/views/userHouse/lable/statistics.vue | 44 +++++++++++++++++---------------------------
1 files changed, 17 insertions(+), 27 deletions(-)
diff --git a/src/views/userHouse/lable/statistics.vue b/src/views/userHouse/lable/statistics.vue
index d859686..8f7e5cd 100644
--- a/src/views/userHouse/lable/statistics.vue
+++ b/src/views/userHouse/lable/statistics.vue
@@ -3,13 +3,7 @@
<div class="current-page-box">
<div v-for="(item, index) in data" :key="index">
<div v-if="index == 0">
- <div class="m10 grid-content bg-purple-dark">
- <el-tag effect="dark" type="danger" color="red">
- <span style="display: inline-block; min-width: 60px;">
- {{ item.name }}
- </span>
- </el-tag>
- </div>
+ <box-title class="m10" :title="item.name"></box-title>
<div v-for="(item1, childIndex) in item.children" :key="childIndex">
<div class="m20 m-t-28 grid-content bg-purple-dark">
@@ -30,13 +24,7 @@
</div>
<div v-if="index == 1">
- <div class="m10 grid-content bg-purple-dark">
- <el-tag effect="dark" type="danger" color="red">
- <span style="display: inline-block; min-width: 60px;">
- {{ item.name }}
- </span>
- </el-tag>
- </div>
+ <box-title class="m10" :title="item.name"></box-title>
<div class="grid-container">
<div v-for="(item1, childIndex) in item.children" :key="childIndex">
@@ -51,13 +39,7 @@
</div>
<div v-if="index == 2">
- <div class="m10 grid-content bg-purple-dark">
- <el-tag effect="dark" type="danger" color="red">
- <span style="display: inline-block; min-width: 60px;">
- {{ item.name }}
- </span>
- </el-tag>
- </div>
+ <box-title class="m10" :title="item.name"></box-title>
<div class="grid-container">
<div>
@@ -82,6 +64,9 @@
update,
remove
} from '@/api/label/label'
+
+import boxTitle from '../components/boxTitle.vue'
+
export default {
data () {
return {
@@ -102,9 +87,13 @@
},
}
},
+
+ components: { boxTitle },
+
mounted () {
this.onLoad()
},
+
methods: {
onLoad (page, params = {}) {
this.loading = true
@@ -140,23 +129,24 @@
}
.grid-container>div {
- margin: 10px;
- padding: 12px 8px;
+ margin: 18px;
+ padding: 10px 8px;
display: flex;
flex-direction: column;
- width: calc(100% / 6 - 20px);
- background-color: #097FFE;
+ width: calc(100% / 6 - 36px);
+ background-color: #429FFF;
text-align: center;
border-radius: 10px;
box-sizing: border-box;
&>div {
- line-height: 24px;
+ font-size: 14px;
+ line-height: 22px;
text-align: center;
}
&>div:first-child {
- font-size: 20px;
+ font-size: 18px;
font-weight: bold;
}
}
--
Gitblit v1.9.3